echarts接收到数据是百分比组成的数组怎么显示出来
时间: 2024-01-21 21:18:53 浏览: 27
如果你想将百分比组成的数组显示在 ECharts 中,可以使用 ECharts 的 formatter 函数来格式化数据。你可以将数据格式化为带有百分号的字符串,然后将其显示在 ECharts 图表中。以下是一个简单的示例:
```javascript
option = {
tooltip: {
formatter: "{a} <br/>{b}: {c}%"
},
series: [{
name: '数据',
type: 'pie',
data: [
{value: 30, name: '数据1'},
{value: 20, name: '数据2'},
{value: 50, name: '数据3'},
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
label: {
formatter: '{b}: {d}%'
}
}]
};
```
在上面的例子中,tooltip 的 formatter 属性设置为 "{a} <br/>{b}: {c}%",这意味着当鼠标移到 ECharts 图表上时,将显示一个提示框,其中 {a} 表示系列名称,{b} 表示数据项名称,{c} 表示数据项值。同样的,我们也可以在 label 的 formatter 属性中设置 "{b}: {d}%",这样就可以在图表中显示每个数据项的名称和占比百分比了。
备注:以上代码为 ECharts 5.x 版本的写法。