echarts折线图上的圆点显示与隐藏

echarts折线图上的圆点显示与隐藏

参考资料：https://echarts.apache.org/zh/option.html#series-line.showSymbol

1. showSymbol:false

鼠标上移：显示圆点
问题：在series的对象中设置了showSymbol:false未显示鼠标上移的圆点
解决：在toplip对象中添加trigger: ‘axis’,

2. option中的代码如下

            option1:{
                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)'
                            }])
                        },
                    }]
            },

效果如下