echarts 柱状图显示百分比
时间: 2023-09-24 21:06:17 浏览: 457
基于jQuery和Bootstrap的柱形图表 显示数据百分比
你可以使用 ECharts 中的 formatter 属性来设置柱状图的显示格式,将数值转换为百分比。
例如,你可以在柱状图的 yAxis 中设置 axisLabel 的 formatter 属性为:
```javascript
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value}%'
}
}
```
这样就可以将 yAxis 上的数值转换为百分比。
如果你想在柱状图的 tooltip 中也显示百分比,可以在 series 中设置 tooltip 的 formatter 属性为:
```javascript
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50],
tooltip: {
formatter: '{b}: {c}%'
}
}]
```
这样就可以在 tooltip 中显示类似于“柱状图名称: 30%”这样的格式。
阅读全文