| | |
| | | onLoad(options) { |
| | | this.idIndex = options.id; |
| | | console.log("optionsoptionsoptions", options.id); |
| | | getDynasty() |
| | | }, |
| | | mounted() { |
| | | this.getStatistics(); |
| | | this.getData(); |
| | | this.getDynasty() |
| | | |
| | | }, |
| | | methods: { |
| | | getStatistics() { |
| | |
| | | |
| | | let option = { |
| | | title: { |
| | | text: [""] |
| | | text: [""], |
| | | }, |
| | | backgroundColor: { |
| | | type: "image", |
| | | image: "/static/image/WMBg.png", |
| | | repeat: "repeat-x", // 是否平铺,可以是 'repeat-x', 'repeat-y', 'no-repeat' |
| | | size: "100% 100%", // 背景图片的尺寸,可以是百分比或者像素 |
| | | position: "center center" // 背景图片的位置,可以是 top, bottom, middle 或者百分比 |
| | | position: "center center", // 背景图片的位置,可以是 top, bottom, middle 或者百分比 |
| | | }, |
| | | tooltip: {}, |
| | | animationDurationUpdate: 1500, |
| | |
| | | label: { |
| | | show: true, |
| | | color: "black", // 设置节点文字颜色为黑色 |
| | | fontSize: FontSize // 设置文字大小 |
| | | fontSize: FontSize, // 设置文字大小 |
| | | }, |
| | | edgeSymbol: ["circle", "arrow"], |
| | | edgeSymbolSize: [4, 10], |
| | |
| | | // params.data 是边的数据对象,你可以在这里定义关系名 |
| | | // 例如,你可以根据 source 和 target 的名称来定义关系名 |
| | | return params.data.relationName; // 如果定义了 relationName 则显示它,否则显示“父子” |
| | | } |
| | | }, |
| | | }, |
| | | //各个节点 |
| | | data: this.nodeData, |
| | |
| | | color: "#000000", |
| | | opacity: 0.9, |
| | | width: 2, |
| | | curveness: 0 |
| | | curveness: 0, |
| | | }, |
| | | force: { |
| | | // initLayout: 'circular', |
| | | // gravity: 0 |
| | | friction: 0.1, |
| | | repulsion: 500, |
| | | edgeLength: 6 |
| | | } |
| | | } |
| | | ] |
| | | edgeLength: 6, |
| | | }, |
| | | }, |
| | | ], |
| | | }; |
| | | //进行渲染 |
| | | myChart.setOption(option); |