Question

我一直在搜索API docs和很多例子，但似乎找不到我想要的东西。

我有一个带有图例的饼图。单击切片时，它会变为偏移（这很好）。单击图例项时我会想要这种行为。

是否可以通过图例点击实现偏移切片？

因此，如果单击图例中的项目，相关切片将变为偏移。

似乎使用的方法是legendItemClick，例如：

options: {
     chart: {
         type: 'pie'
     },
     plotOptions: {

      //etc

      series: {
        point: {
          events: {

            legendItemClick: function () {

              //return false; // this cancels the default action.

              console.log(this);

              //this.findtheSlice.makeItOffset();  //want to do something like this

            }

          }
        }
      }

    //etc

    }
  }
}

这是JSFiddle

似乎没有可用的方法来实现这一点，因此可能需要深入到api。

任何帮助都将非常感谢！

顺便说一下，我正在使用角度指令进行高图（highcharts-ng）。有一些微妙的差异。

Answer 1

在legendItemClick中，您应该调用this.slice()，然后返回false。

           point: {
                events: {
                    legendItemClick: function () {
                        this.slice();
                        return false;
                    }
                }
            },

示例：http://jsfiddle.net/95n2mm02/4/

Highcharts饼图 - 在图例点击上偏移单个切片

1 个答案: