在饼图系列上使用.hide()来隐藏像图例事件一样的单个切片

时间:2014-07-10 21:57:34

标签: highcharts

在单击饼图切片时创建事件时出现问题,以便正确调用this.hide()。在线图上,它可以正常工作:

  plotOptions: {
    series: {
      cursor: 'pointer',
      events: {
        click: function(event) {
          this.hide();
        }
      }
    }
  }

也就是说,当我点击一个系列时,它会隐藏它并将其从图例中正确地灰化。

但是,在饼图上,相同的片段会导致整个饼图消失,图例变得无用。

什么是正确的事件处理程序?

1 个答案:

答案 0 :(得分:1)

首先,您需要检测点数点击,例如事件plotOptions.series.point.events.click。当你点击一个饼图(点)时正确隐藏/显示我认为这是最简单的方法:

click: function() {
    this.setVisible(false);
    return false;
}

这会将点可见性设置为false,并返回false以防止点的选定状态弄乱显示。 Here's a JFiddle example