| | |
| | | { |
| | | type: "tree", |
| | | data: [this.chartData], |
| | | // symbol: "emptyCircle", |
| | | top: "10%", |
| | | bottom: "10%", |
| | | layout: "radial", |
| | | symbol: "emptyCircle", |
| | | symbol: "circle", |
| | | symbolSize: 7, |
| | | initialTreeDepth: 3, // 展开所有节点 |
| | | animationDurationUpdate: 750, |
| | | emphasis: { |
| | | focus: "descendant", |
| | | }, |
| | | |
| | | label: { |
| | | position: "top", //标签的位置。 |
| | | verticalAlign: "middle", //文字垂直对齐方式,默认自动。 |
| | | fontSize: 12, //文字的字体大小 |
| | | color: "#bc1c00", |
| | | }, |
| | | leaves: { |
| | | symbol: "emptyCircle", |
| | | label: { |
| | | fontSize: 12, |
| | | }, |
| | | }, |
| | | // leaves: { |
| | | // symbol: "emptyCircle", |
| | | // label: { |
| | | // fontSize: 12, |
| | | // }, |
| | | // }, |
| | | expandAndCollapse: false, |
| | | lineStyle: { |
| | | color: "#bc1c00", |
| | | width: 1, |
| | | }, |
| | | itemStyle: { |
| | | symbol: "emptyCircle", |
| | | color: "#bc1c00", |
| | | color: function (params) { |
| | | return "green"; |
| | | }, |
| | | }, |
| | | roam: true, |
| | | center: ["5%", "0%"], // 微调垂直居中 |
| | |
| | | <style lang="less" scoped> |
| | | .page { |
| | | width: 100%; |
| | | height: 100%; |
| | | height: 100vh; |
| | | box-sizing: border-box; |
| | | background-color: #e9e1d4; |
| | | position: relative; |
| | |
| | | } |
| | | |
| | | .page-header { |
| | | height: 9.4%; |
| | | height: 9.4vh; |
| | | width: 100%; |
| | | text-align: left; |
| | | border-bottom: 2px solid #937950; |