echarts隐藏掉一条曲线，并且tooltip提示框中不显示

最新推荐文章于 2024-05-21 14:59:48 发布

三岁很ok

最新推荐文章于 2024-05-21 14:59:48 发布

阅读量6.9k

点赞数 4

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_45525250/article/details/125673005

版权

echarts隐藏掉一条曲线，并且tooltip提示框中不显示

两步走：

1、隐藏掉一条曲线

series: [{
    name: '...',
    type: 'line',
    symbolSize: 0, // 设置symbol的大小设置为0
    showSymbol: false, // 不显示symbol
    lineStyle: {
        width: 0, //设置线宽为0
        color: 'rgba(0, 0, 0, 0)' // s设置线的颜色为透明
    },
    data:data  //传入的值
}]

2、tooltip提示框中隐藏该曲线的提示值

// 动态设置series的显示隐藏
myChart.setOption({
    legend: {
          show: false, // 不显示
        data: ['name1', 'name2',"name3","name4"],
        selected: {
            'name3': false,
        },
    }
})