highcharts 显示点击的图例数据（隐藏其他）

最新推荐文章于 2023-03-13 19:13:44 发布

gitlee

最新推荐文章于 2023-03-13 19:13:44 发布

阅读量3.3k

点赞数 2

分类专栏：前端文章标签： highcharts legend series

本文链接：https://blog.csdn.net/llll20000/article/details/78959394

版权

本文介绍如何在Highcharts图表中实现点击图例仅显示相应系列的数据，同时隐藏其他系列，以增强交互体验。通过监听图例的click事件并调整series的可见性来实现这一功能。

摘要由CSDN通过智能技术生成

function emitLegendItemClick(me) {
    var container = me.chart.container;
    var legenedItemIndex = me.index;
    if(container.curr_index == "undefined") {
        for (var i = 0; i < me.chart.series.length; i++) {
            if (i != legenedItemIndex) {
                me.chart.series[i].setVisible(false, false);
            }
        }
        container.curr_index = legenedItemIndex;
        return