LineChart Formatter设置
时间: 2024-10-27 09:09:03 浏览: 5
MPchart多样化坐标轴
在ECharts图表库中,LineChart(折线图)Formatter设置主要是用于自定义数据点、坐标轴标签或者其他显示信息的格式。Formatter是一个JavaScript函数,它接受当前的数据值作为输入,并返回一个格式化的字符串作为输出,这个字符串将展示在图表上。
例如,如果你想在每个数据点旁边显示数值的小数部分,你可以这样设置:
```javascript
option = {
xAxis: {
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel: { formatter: function(value) { return value + ' (' + parseFloat(value).toFixed(2) + ')'; } }
},
series: [{
name: '销量',
type: 'line',
data: [820, 932, 901, 934, 1290, 1330, 1320],
markPoint: {
symbol: 'diamond', // 自定义标记样式
data: [{ type: 'max', name: '最大值' }, { type: 'min', name: '最小值' }]
},
tooltip: {
formatter: function(params) {
return params.name + '<br/>价格:' + params.value[0] + '<br/>小数部分:' + parseFloat(params.value[0]).toFixed(2);
}
}
}]
};
```
在这个例子中,`axisLabel.formatter` 和 `tooltip.formatter` 都设置了自定义格式化函数,分别处理了X轴标签和提示框的信息。
阅读全文