在Chart.Js v3.3.2
文档中,有这个示例可以从您在图表中单击的项目中获取信息。
const chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
onClick: (e) => {
const canvasPosition = Chart.helpers.getRelativePosition(e, chart);
// Substitute the appropriate scale IDs
const dataX = chart.scales.x.getValueForPixel(canvasPosition.x);
const dataY = chart.scales.y.getValueForPixel(canvasPosition.y);
}
}
});
这适用于具有轴的图表,如条形图和折线图。但是饼图没有轴,所以这段代码不起作用。
如何获取我在饼图中单击的切片的索引?
也许您可以尝试以下方法:
options:{
...
onClick: pieChartClickEvent,
...
}
function pieChartClickEvent(event, array){
if(array[0]){
//do something
}
...
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句