类别轴交互

Question

我有以下实现。

http://jsfiddle.net/ao617j2j/

我想知道当用户点击categoryAxis标签时，它应隐藏/取消隐藏相应的条形码。

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

Answer 1

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

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

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