javascript - 类别轴交互

Question

我有以下实现。

http://jsfiddle.net/ao617j2j/

我想知道当用户点击 categoryAxis 标签时，它应该隐藏/取消隐藏相应的栏堆栈。

categoryAxis: {
  categories: ["First Stock", "Second Stock", "Third Stock", "Fourth Stock", "Fifth Stock"],
},

Answer 1

您可以在这种情况下添加axisLabelClick 事件，并获取具有相关索引的系列数据并将值设置为0 并重绘。我创建了一个代码片段来隐藏栏，再次显示栏我想你已经明白了。祝你好运! :D

axisLabelClick: function(e) {
    var series = e.sender.options.series;

    $.each(series, function(i, item){
      item.data[e.index] = 0;
    });
    e.sender.redraw();
}