echarts label展示当前值
时间: 2023-10-09 11:14:36 浏览: 140
在 ECharts 中,可以通过设置 `label` 的 `formatter` 属性来展示当前值。这个属性可以是一个函数,它会接收一个参数 `params`,其中包含了当前数据项的所有信息,我们可以通过 `params.value` 来获取当前值。然后将这个值展示在 label 中即可。
以下是一个简单的示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
label: {
show: true,
position: 'top',
formatter: function(params) {
return params.value;
}
}
}]
};
```
在上面的代码中,我们设置了一个折线图,然后在 `series` 中设置了 `label` 的相关属性,其中 `formatter` 属性的值是一个函数。这个函数会将 `params.value` 的值作为当前值展示在 label 中。
注意:在柱状图、折线图等图表中,如果想要在 label 中展示当前值,需要将 `label` 的 `show` 属性设置为 `true`,并且设置合适的 `position` 属性来确定 label 的位置。
阅读全文