echarts legend 显示数值
时间: 2024-09-20 22:03:37 浏览: 62
ECharts是一个强大的JavaScript图表库,它支持自定义图例显示内容,包括数值。要在ECharts的Legend组件中显示数值,你可以通过设置`data`属性来配置每个系列的数据标签或标题。例如:
```javascript
option = {
legend: {
data: ['Series1', 'Series2'], // 图例项的名称
show: true, // 是否显示图例
orient: 'vertical', // 图例的方向,如水平或垂直
position: 'bottom', // 图例的位置,如底部、顶部等
formatter: function (name) { // 自定义格式化函数,返回想要显示的内容
return name + ' : ' + this.data[0]; // 这里假设每个系列只有一个数据点,展示值
}
},
series: [
{
name: 'Series1',
data: [120] // 数据点的值
},
{
name: 'Series2',
data: [220]
}
]
};
```
在这个例子中,图例会显示系列的名称后面跟着相应的数值。如果你需要更复杂的格式或者动态获取数值,可以在`formatter`函数中做更多的处理。
阅读全文