echarts饼状图百分比保留2位小数
时间: 2023-10-21 09:28:39 浏览: 302
要在 ECharts 饼状图中保留百分比的小数位数,你可以使用 ECharts 的 formatter 函数来实现。以下是一个示例代码:
```javascript
option = {
tooltip: {
trigger: 'item',
formatter: '{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: '搜索引擎'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
```
在以上示例中,通过设置 tooltip 的 formatter 属性为 `'{b}: {c} ({d}%)'`,可以实现饼状图中百分比保留两位小数的显示效果。其中 `{c}` 表示数据项的值,`{d}` 表示数据项的百分比。
你可以根据自己的需求修改数据项和样式。希望对你有帮助!如果还有其他问题,请继续提问。
阅读全文