ChartJS 如何将单击事件添加到图表js

eblbsuwk  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(155)

你好我有一个关于js图表的问题。我已经在django应用程序中创建了一个图表,我想通过点击图表中的某个点来生成一个javascript警报。警报如何才能获得我选择的点的值?例如,值92,如下图所示:

j91ykkif

j91ykkif1#

这可以通过onClick事件处理程序来完成,如下所示:

onClick: (event, elements, chart) => {
  if (elements[0]) {            
     const i = elements[0].index;
     alert(chart.data.labels[i] + ': ' + chart.data.datasets[0].data[i]);
  }
}

请看下面的可运行代码,看看它是如何工作的。
第一个

相关问题