更改项目图例上的clik饼图的行为

时间:2019-07-04 15:24:17

标签: javascript reactjs highcharts

我正在与React合作,我正在使用高图, 我正在创建带有图例的饼图,但是当我单击图例时,highcharts将隐藏图表的相应部分,但我不会让Highcharts选择该部分并单击该项目。 我试图更改此行为插入此json

plotoption{pie {events: {
  legendItemClick: () => {
    alert('Hello world');
  }
}}},

但是此代码不起作用。

我希望有人能帮助我

再见

1 个答案:

答案 0 :(得分:1)

pie系列类型中,您需要将legendItemClick事件用作point属性:

plotOptions: {
    pie: {
        point: {
            events: {
                legendItemClick: () => {
                    alert('Hello world');
                }
            }
        }
    }
}

实时演示: http://jsfiddle.net/BlackLabel/k3b9f2u0/

API参考: https://api.highcharts.com/highcharts/series.pie.point.events.legendItemClick