如何使用chart.js创建带有可点击条形图的图表?

ukxgm1gy  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(160)

我们需要一个图表,能够点击这个图表中的条形图,点击显示元素(div),并使用HTML和jquery在这个div上显示数据
第一个

gmxoilav

gmxoilav1#

我认为你可以在图表选项中添加onClick选项。
选项接受函数作为值。
下面是文档:https://www.chartjs.org/docs/2.9.4/general/interactions/events.html

options: {
    onClick(event, clickedElemeents) {
      .... your logic
    },
    legend: {display: false},
    scales: {
      xAxes: [{ticks: {min: 40, max:160}}],
      yAxes: [{ticks: {min: 6, max:16}}],
    }
  }

相关问题