echarts饼图tooltip设置
时间: 2023-08-10 15:04:25 浏览: 134
ECharts 饼图
5星 · 资源好评率100%
要设置饼图的tooltip,你可以使用ECharts的tooltip配置项。下面是一个简单的示例代码,展示如何设置饼图的tooltip:
```javascript
option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '55%',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
```
在上述代码中,`tooltip`配置项用来设置tooltip的相关属性。其中,`trigger`属性设置为`'item'`,表示鼠标悬停在数据项上时显示tooltip。`formatter`属性用来设置tooltip的内容格式,可以使用占位符 `{a}`、`{b}`、`{c}`、`{d}` 分别表示系列名称、数据项名称、数据项值和百分比。
你可以根据自己的需求修改`formatter`属性的值,以适应你想要展示的信息。
阅读全文