ehcarts图表有多个y轴时默认展示某几个legends
时间: 2024-03-15 22:45:55 浏览: 195
您好,关于 ECharts 图表有多个 Y 轴时默认展示某几个 legends 的问题,可以通过在每个 series 中设置 `legendHoverLink` 属性来实现。例如:
```javascript
option = {
legend: {
data: ['销量', '价格']
},
tooltip: {},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: [
{
type: 'value',
name: '销量'
},
{
type: 'value',
name: '价格'
}
],
series: [
{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
},
{
name: '价格',
type: 'line',
yAxisIndex: 1, // 指定使用哪一个 Y 轴
data: [10, 25, 20, 15, 30, 20],
legendHoverLink: false // 禁用价格图例的 hover 效果
}
]
};
```
在上面的示例中,我们将两个系列分别绑定在不同的 Y 轴上,并且通过设置 `legendHoverLink` 为 `false` 来禁用价格图例的 hover 效果。这样在图表中就只会展示销量一项的图例了。
阅读全文