echarts折线图展示值千分位逗号
时间: 2023-07-29 22:14:05 浏览: 144
Echarts实现的折线图
5星 · 资源好评率100%
要在 Echarts 的折线图中展示值的千分位逗号,你可以使用 Echarts 的 formatter 函数来实现。下面是一个示例代码,展示了如何在折线图的 y 轴上展示千分位逗号:
```javascript
option = {
// 其他配置项...
yAxis: {
type: 'value',
axisLabel: {
formatter: function (value) {
return value.toLocaleString();
}
}
},
series: [{
// 其他系列配置项...
data: [1000, 2000, 3000, 4000, 5000] // 示例数据
}]
};
// 渲染图表
var myChart = echarts.init(document.getElementById('chart-container'));
myChart.setOption(option);
```
在上述代码中,通过设置 yAxis.axisLabel.formatter 函数,将值转换为千分位逗号分隔的形式。这样,图表上的值就会以千分位逗号的形式展示出来。你可以根据自己的需求修改代码中的配置。
阅读全文