echarts label formatter 分割字符串
时间: 2024-09-20 21:04:00 浏览: 35
echarts 使用formatter 修改鼠标悬浮事件信息操作
ECharts是一个强大的数据可视化库,在其图表配置中,Label Formatter是一个用于格式化标签内容的关键选项。当你需要将复杂的数据格式转换成适合展示的文字时,可以使用formatter函数。这个函数接收一个字符串作为输入,然后返回你想要显示的文本。
例如,如果你想分割一个数值并保留两位小数,你可以这样做:
```javascript
option = {
series: [{
data: [120, 200, 150],
label: {
formatter: function (params) {
// 使用split()方法按逗号分割字符串,然后map()遍历数组,formatNumber()格式化数字并保留两位小数
return params.data[0].toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,') + ' vs ' + params.data[1].toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
}
}
}]
};
```
在这个例子中,`label.formatter`会把每个数据点的值(如120、200等)先转换成字符串,然后用逗号分隔,并保持每一位达到三位就加一个逗号,形成易于阅读的格式。
阅读全文