echarts label formatter split
时间: 2024-09-19 12:14:48 浏览: 38
echarts 使用formatter 修改鼠标悬浮事件信息操作
ECharts是一款常用的JavaScript图表库,它允许自定义标签格式化,包括分割字符串。`label formatter` 是用于设置系列数据标签显示文本的一个配置项。当你需要在一个标签里包含多个部分,比如日期、数值等,并希望它们分开显示时,可以使用 `split` 函数。
例如,如果你有一个时间戳和对应的值,你可以这样设置:
```javascript
option = {
xAxis: {
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
},
series: [{
name: 'Value',
type: 'bar',
data: [120, 200, 150, 80, 90, 230, 190],
label: {
formatter: function (params) { // params 是每个数据点的信息
return params.name + '<br>' + params.value; // 使用 <br> 分割行
}
}
}]
};
```
在这个例子中,`formatter` 的返回值会被解析并显示在每个柱状图下方,`<br>` 表示换行符,使得日期和值分隔开来。
阅读全文