echarts饼图旁边显示数据
时间: 2024-06-01 19:06:17 浏览: 130
Echarts 饼图旁边显示数据一般是通过设置饼图的 tooltip 属性实现的。tooltip 是 Echarts 提供的组件之一,它可以在鼠标悬浮到饼图的某个扇形时显示相应的数据信息。
具体实现方法是在饼图的 series 中设置 tooltip 属性,例如:
```
series: [{
name: '访问来源',
type: 'pie',
radius: '55%',
data: [
{value: 235, name: '视频广告'},
{value: 274, name: '联盟广告'},
{value: 310, name: '邮件营销'},
{value: 335, name: '直接访问'},
{value: 400, name: '搜索引擎'}
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
}
}]
```
其中,formatter 属性用于指定 tooltip 显示的格式,"{a}" 表示系列名称,"{b}" 表示数据项名称,"{c}" 表示数据项值,"{d}" 表示数据项占比。可以根据需要进行修改。
阅读全文