${item.name}：${item.value}万元(${p}%)

` }).join('') return `

${params.name}：${params.value}万元(${params.percent}%)

${str}

` } } }, { name: "内容", type: "pie", radius: ["65%", "80%"], labelLine: { length: 30, }, label: { formatter: "{b} {c}", color: "rgb(137, 148, 163)", fontSize: 14, }, color: [], data: [], }, ], }; let total = 0 data1.map((item, index) => { colorMap[item.deptId] = option.series[0].color[index] total += item.value }) data2.map(item => { colorMap[item.deptId] = computedChildColor(colorMap[item.deptId]) item.itemStyle = { color: colorMap[item.deptId] } }) option.series[0].data = data1 option.series[1].data = data2 let idx = [] myChart.on('mouseover', function (params) { if (params.seriesIndex == 0) { idx = [] let deptId = params.data.deptId option.series[1].data.map((item, index) => { if (item.deptId == deptId) { // 高亮当前图形 idx.push(index) } }) myChart.dispatchAction({ type: 'highlight', seriesIndex: 1, dataIndex: idx }); } }); myChart.on('mouseout', function (params) { myChart.dispatchAction({ type: 'downplay', seriesIndex: 1, dataIndex: idx }); });

饼图+环形图(子集颜色取父级同色系颜色)