echarts圆环 emphasis里的label和默认的label重叠在一起了,想不移到legend上去时默认的就不显示,移到legend时,就展示默认的
时间: 2024-03-18 20:39:04 浏览: 249
echarts圆环中间显示文字.docx
可以通过设置 `emphasis.label.show` 属性控制 `emphasis` 状态下的 label 显示或隐藏。同时,可以通过设置 `legend.formatter` 属性来控制图例中显示的文本内容。
具体来说,可以在 `series` 中设置 `label` 和 `emphasis.label` 属性,示例如下:
```js
series: [{
type: 'pie',
data: [...],
label: {
show: true,
formatter: '{b}: {c}',
position: 'inside',
textStyle: {
color: '#fff',
fontSize: 14
}
},
emphasis: {
label: {
show: false // emphasis 状态下不显示 label
}
}
}]
```
然后,在 `legend` 中设置 `formatter` 属性,通过 `{a}` 和 `{b}` 分别获取系列名称和数据项名称,示例如下:
```js
legend: {
formatter: '{a}: {b}' // 显示系列名称和数据项名称
}
```
这样就可以实现将默认的 label 显示在图例中,同时在 `emphasis` 状态下不显示 label。
阅读全文