极地onclick事件

时间:2019-03-19 04:44:45

标签: javascript jquery chart.js

我有以下极地面积图

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' 
   }
 });

当我单击显示的数据(例如紫色)或单击绿色时,我想要的是我想要获取该单击区域的数据。

例如,如果我单击紫色,我想获取紫色的数量。

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

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

   console.log(evt);
});

任何想法如何存档

1 个答案:

答案 0 :(得分:0)

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

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


                }
            }
   }
});