Polar Area onclick事件

问题描述 投票:0回答:1

我有以下极区图

enter image description here

吼叫是代码

 var dataset = {
datasets: [{
    data: [Above30total, D21toD30total, D11toD20total,D0toD10total],
    backgroundColor: [
        "rgba(247, 13, 26,0.6)",
        "rgba(255, 128, 64,0.6)",
        "rgba(65, 163, 23,0.6)",
        "rgba(52, 45, 126,0.6)"
    ],
    label: 'My dataset' // for legend
}],
labels: ["ABOVE 30","21 - 30","11 - 20","0 - 10"]
};

var ctx = $("#myChart");
 new Chart(ctx, {
 data: dataset,
 type: 'polarArea' 
   }
 });

我想要的是当我点击显示的数据是例如紫色或如果我点击绿色我想获得该点击区域的数据。

例如,如果我点击紫色,我想得到紫色的计数。

我使用了下面的代码,但它是整个图形的click方法而不是数据区域。

$("#myChart").click(function (evt) {

   console.log(evt);
});

任何想法如何存档这个

javascript jquery chart.js
1个回答
0
投票

经过研究后,我找到了答案

var ctx = $("#myChart");
 new Chart(ctx, {
 data: dataset,
 type: 'polarArea',
  options: {      
      'onClick' : function (evt, data) {


                }
            }
   }
});
© www.soinside.com 2019 - 2024. All rights reserved.