echarts中legend关联yAxis中数组
时间: 2024-04-24 07:23:00 浏览: 112
在echarts中图例legend和坐标系grid实现左右布局实例
在 ECharts 中,要将 legend(图例)与 yAxis(y 轴)中的数组关联起来,可以通过设置 series(系列)中的 name 属性来实现。下面是一个示例代码:
```javascript
option = {
legend: {
data: ['数据1', '数据2', '数据3']
},
yAxis: [
{
type: 'value',
name: '数值1'
},
{
type: 'value',
name: '数值2'
}
],
series: [
{
name: '数据1',
type: 'line',
yAxisIndex: 0, // 使用第一个 y 轴
data: [10, 20, 30, 40]
},
{
name: '数据2',
type: 'line',
yAxisIndex: 1, // 使用第二个 y 轴
data: [100, 200, 300, 400]
},
{
name: '数据3',
type: 'line',
yAxisIndex: 1, // 使用第二个 y 轴
data: [500, 600, 700, 800]
}
]
};
```
在上面的示例中,legend 中的数据与 series 中的 name 属性一一对应。series 中的 yAxisIndex 属性指定了每个系列使用的 y 轴的索引,0 表示使用第一个 y 轴,1 表示使用第二个 y 轴。这样就可以实现 legend 与 yAxis 中的数组关联。
阅读全文