echarts 双柱状图和折线图,去除折线图背景线
时间: 2023-07-22 10:22:35 浏览: 153
您可以通过设置折线图的 `splitLine.show` 属性为 `false` 来去除折线图的背景线,示例代码如下:
```javascript
option = {
...
yAxis: [
{
type: 'value'
},
{
type: 'value'
}
],
series: [
{
name: '柱状图1',
type: 'bar',
data: [10, 20, 30, 40, 50]
},
{
name: '柱状图2',
type: 'bar',
data: [20, 30, 40, 50, 60]
},
{
name: '折线图',
type: 'line',
yAxisIndex: 1, // 使用第二个 y 轴
data: [30, 40, 50, 60, 70],
lineStyle: {
color: 'blue'
},
itemStyle: {
color: 'blue'
},
splitLine: {
show: false // 去除背景线
}
}
]
};
```
需要注意的是,如果您要去除的是双柱状图的背景线,需要在每个柱状图的 `yAxisIndex` 属性中分别指定使用哪个 y 轴。
阅读全文