echarts设置饼图提示线尾部的小圆点样式
时间: 2023-10-13 08:15:31 浏览: 109
echarts 3D饼图组件
你可以通过设置 `tooltip` 的 `formatter` 属性来自定义饼图提示线的样式,其中可以使用 `{a}` 表示系列名称,`{b}` 表示数据项名称,`{c}` 表示数值,`{d}` 表示百分比。你可以在 `{b}` 后面加上一个小圆点的 HTML 标签来实现:
```javascript
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)<span style="display:inline-block;margin-left:5px;border-radius:10px;width:9px;height:9px;background-color:#000;"></span>'
},
```
在这里,我添加了一个宽高为 9px 的圆点,背景颜色为黑色。你可以根据需求修改样式。
阅读全文