如何在组合高位图中隐藏系列数据

时间:2018-09-24 06:46:38

标签: javascript highcharts

我正在使用联合收割机kill -3 <pid> 。我需要在单击特定图例时隐藏特定的饼图和柱形图数据。如果我使用:

high charts

这将删除该值,但是在单击图例时无法再次显示该值。

series[i].data[index].remove()

请参阅我尝试过的JSFidddle - Example,但得到series[i].data[index].hide()之类的此功能不起作用。我该如何解决?

1 个答案:

答案 0 :(得分:0)

您可以在点SVG图形元素上使用hide方法:

    events: {
      legendItemClick: function(e) {
        var index = this.index;
        var chart = this.series.chart;
        var series = chart.series;
        var len = series.length - 1;

        if (this.visible) {
          series[0].points[index].graphic.hide();
        } else {
          series[0].points[index].graphic.show();
        }
      }
    }

实时演示:https://jsfiddle.net/BlackLabel/d8uaxefo/

API参考:https://api.highcharts.com/class-reference/Highcharts.SVGElement#hide