echarts折线图，为啥加了tooltip，导致提示线消失

Posted 2023-04-27

echartsX轴数据太多间隔显示，tooltip让全部显示的方法：1、不要使用默认的tooltip了，可以对应写一个label记录值，2、然后控制它的display：block/none可以试一下，3、用一个公有的静态变量存储着这个值，4、然后触发不显示事件时，把tooltip的值清空。5、最后鼠标移动到listview时，把这个静态变量赋值给这个tooltip.就可以了。 参考技术A

tooltip:

//show: true, 默认添加tip即显示

trigger: 'item',

axisPointer:

show: true,

type : 'cross',

lineStyle:

type : 'dashed',

width : 1

,

参考技术B 改 trigger item 为 trigger axis

echarts折线图不堆叠设置

参考技术A 折线图堆叠的重要参数stack。只要将stack的值设置不相同，就不会堆叠了。实例如下：

option =

    title:

        text: '折线图堆叠'

    ,

    tooltip:

        trigger: 'axis'

    ,

    legend:

        data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']

    ,

    grid:

        left: '3%',

        right: '4%',

        bottom: '3%',

        containLabel: false

    ,

    xAxis:

        type: 'category',

        boundaryGap: false,

        data: ['周一','周二','周三','周四','周五','周六','周日']

    ,

    yAxis:

        type: 'value'

    ,

    series: [

       

            name:'邮件营销',

            type:'line',

             stack: '总量1',

            data:[120, 132, 101, 134, 90, 230, 210]

        ,

       

            name:'联盟广告',

            type:'line',

             stack: '总量2',

            data:[220, 182, 191, 234, 290, 330, 310]

       

    ]

;