如何在饼图(高图表）中选择区域

How do I select a region in pie chart (Highcharts)

本文关键字：选择 区域 高图表      更新时间：2023-09-26

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

这是jsFiddle的链接

[修改] 若要将代码保留在 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);
              }
            }
          },

附言。必须将加载 SetInterval（...） 值从 1000 扩展到 10000，以便可靠地捕获事件。

看看这个。 它会提醒您点击的区域的"填充"http://jsfiddle.net/bfXE5/19/您所需要的只是将此代码添加到您的jQuery中。 

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

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

相关文章：