как скрыть данные серии в комбинации старших графиков

Question

Я использую комбайн high charts.Мне нужно скрыть определенные данные круговой диаграммы и столбчатой ​​диаграммы при нажатии на конкретную легенду.Если я использую:

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

Это удаляет значение, но не может снова отобразить это значение при нажатии на легенду.

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

См. Этот JSFidddle - пример , который я пробовал, но получаю error как Это не функция .Как мне это решить?

Answer 1

Вы можете использовать hide метод для точечного графического элемента SVG:

    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