echarts折线图显示隐藏
时间: 2023-11-21 11:54:20 浏览: 97
Echarts实现的折线图
5星 · 资源好评率100%
在echarts折线图中,可以通过设置showSymbol属性来控制是否显示圆点。当showSymbol为false时,圆点将不会显示。同时,可以通过添加trigger: 'axis'来实现鼠标上移时显示圆点的效果。具体代码如下:
```
option: {
tooltip: {
show: true,
trigger: 'axis',
formatter: '{b0}: {c0}<br />{b1}: {c1}'
},
xAxis: {
show: false,
type: 'category',
data: []
},
yAxis: {
show: false,
type: 'value'
},
series: [{
data: [],
type: 'line',
smooth: true,
showSymbol: false,
areaStyle: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(58,77,233,0.8)'
}, {
offset: 1,
color: 'rgba(58,77,233,0.3)'
}])
}
}]
}
```
阅读全文