如何在饼图中选择区域(Highcharts)

时间:2013-11-02 04:17:20

标签: javascript jquery highcharts

我想在饼图中选择一个区域,然后弹出警告You selected Jane/Joe etc.如何在点击饼图中的某个区域时执行onclick功能?

以下是jsFiddle

的链接

2 个答案:

答案 0 :(得分: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,以便可以可靠地捕获事件。

答案 1 :(得分:0)

检查一下。它提醒您点击http://jsfiddle.net/bfXE5/19/上所点区域的“填充” 您所需要的只是将此代码添加到您的jQuery

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

我看到的问题是提醒的事情并不多。你可能想要在你的派对上添加一些更多的描述,比如每件作品的名称,或其他什么,这些都是有意义的提醒