2016-10-11 67 views
0

来处理NVD3饼图切片,你可以做以下点击:如何处理NVD3 PieChart标签上的点击?

var chart = nv.models.pieChart() 
... 
chart.pie.dispatch.on("elementClick", function(e) { 
    var pie_sector_name = e.data.label; 
    // do something; 
}); 

然而,我所获得的点击,当选择圆形切片。选择图表标签时是否可以处理点击?馅饼切片有时可能会非常小,以至于无法点击它们。

谢谢。

回答

0
d3.selectAll(".nv-pieLabels").on("click", function() { 
    alert("clicked"); 
}); 
+0

创建饼图时,它的标签有'nv-pieLavels'类(图表'svg'中的'g'元素)。您可以使用d3选择器选择它们并处理单击事件。出于某种原因,这对我不起作用:( – Daria

+0

事实是,'d3.selectAll(“。nv-series”)'适用于图例元素和d3.selectAll(“。nv-pieLabels” )'(对于图表标签)不奇怪 – Daria