Question

如何通过单击栏并刷新图表来隐藏栏数据？我想拥有与点击图例几乎相同的功能。

Jsfiddle：https://jsfiddle.net/Nadiyaka/005z7dut/1/

例如，如果我点击“亚洲”栏，我希望隐藏数据并重新加载图表以查看更大的其他数据。

到目前为止，我只能隐藏数据，但图表并不令人耳目一新：

series: [{
        data: [1052, 954, 4250, 740, 38],
        events: {
          click: function(e) {
            var chart = $("#container").highcharts();
            index = event.point.x;
            chart.series[0].data[index].graphic.hide();
            chart.series[0].data[index].dataLabel.hide();
          }
        }
      }]

Answer 1

没有隐藏点的选项（饼图系列中的点除外），但您可以通过将点的值设置为null来实现相同的效果。

nil

要显示列，请将事件附加到标签

  events: {
    click: function(e) {
      var point = e.point;

      point.series.chart.pointer.reset(false); // this is needed to prevent the tooltip from moving around
      point.update({
        y: null,
        holdY: point.y // I preserve original value needed on showing
      });
    }
  }

示例：https://jsfiddle.net/005z7dut/2/

隐藏条形数据后刷新高亮图

1 个答案: