echarts 双柱状图和折线图,去除折线图背景线
时间: 2023-07-22 17:22:35 浏览: 107
您可以通过设置折线图的 `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 轴。
相关推荐
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)