echarts label formatter split 插入换行符
时间: 2024-09-19 20:14:59 浏览: 35
echarts 使用formatter 修改鼠标悬浮事件信息操作
ECharts是一个强大的数据可视化库,在配置标签formatter(label formatter)时,如果你想在字符串中插入换行符以便分段显示信息,可以使用`\n`作为换行符的占位符。Formatter通常用于自定义系列数据的标签内容,例如,如果你有一个复杂的数据值需要分割显示,你可以这样做:
```javascript
option = {
xAxis: {
data: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']
},
series: [
{
name: 'Values',
type: 'bar',
data: [120, 200, 150, 80, 280],
label: {
formatter: function (params) { // params包含每个数据点的信息
return `${params.name}\n(${params.value} points)`; // 指定使用换行符分割
}
}
}
]
};
```
在这个例子中,"Item 1"、"Item 2"等标签会分别显示在新的一行,之后跟着对应的值。
阅读全文