javascript - 如何在饼图中选择区域（Highcharts）

Question

我想在饼图中选择一个区域并弹出一个警报，提示You selected Jane/Joe etc.如何onclick在单击饼图中的某个区域时执行功能？

这是jsFiddle的链接

Answer 1

[已修改] 要将代码保留在 Highchart 定义中，请更改type: 'pie'系列以包含如下事件部分：

          {
          type: 'pie',
          data: [
            ['Safari',    8.5],
            ['Opera',     6.2],
            ['Others',   0.7]
          ],
          center: [30, 0],
          size: 100,
          cursor: 'pointer',
          showInLegend: true,
          dataLabels: {
              enabled: false,
          },
          point :{
            events:{
              click : function(){
                alert(this.name);
              }
            }
          },

PS。必须将您的负载 SetInterval(...) 值从 1000 扩展到 10000，以便可以可靠地捕获事件。

Answer 2

看一下这个。它会提醒您单击http://jsfiddle.net/bfXE5/19/的区域的“填充”， 您只需将此代码添加到您的 jQuery

   $('path').click(function(){
         alert ($(this).attr('fill'));
     });

我看到的唯一问题是没有太多需要提醒的事情。你可能想为你的馅饼添加更多的描述，比如每块的名字，或者其他的东西，这将是有意义的提醒