echarts 展示单位:万元
时间: 2024-09-15 09:10:22 浏览: 71
ECharts是一个使用JavaScript实现的开源可视化库,可以用来在网页上展示丰富多样的数据可视化图表。如果要在ECharts图表中展示数据单位为“万元”,你可以在数据处理阶段或者在图表的显示层面对数值进行格式化。
具体操作步骤如下:
1. 数据处理:在将数据传入ECharts之前,你可以将所有的数值都转换为“万元”单位。这意味着你需要将实际数值除以10000。
2. 格式化显示:在ECharts图表中,可以使用`formatter`属性来自定义数值的显示格式。`formatter`属性可以接受一个JavaScript函数,该函数根据传入的数值返回一个字符串,从而实现自定义的数据显示。
例如,在一个柱状图中,你可以在`series`的`data`数组中传入原始数据,然后在`xAxis`的`axisLabel`或者`yAxis`的`axisLabel`中使用`formatter`属性来格式化标签:
```javascript
option = {
xAxis: {
data: ['类别1', '类别2', '类别3'],
axisLabel: {
formatter: function (params) {
// 将数值转换为万元并格式化为两位小数
return params.value / 10000 + '万';
}
}
},
yAxis: {
type: 'value',
axisLabel: {
formatter: function (params) {
// 同样将数值转换为万元并格式化为两位小数
return params.value / 10000 + '万';
}
}
},
series: [{
data: [120000, 200000, 150000], // 原始数据
type: 'bar'
}]
};
```
通过上述配置,ECharts将会显示每个柱子对应的数值为“万元”单位,并且保留两位小数。
阅读全文
相关推荐


















