Javascript 如何在chartjs 2.6.0中单击获取条形图高度

我有一个条形图。当我单击其中一个栏时，我希望它返回其高度。我曾尝试将鼠标clcik事件添加到图表中，但没有成功。那么，当点击时，我怎样才能获得条的高度呢

下面是我用来创建图表的代码

new Chart(ctx, {
  type: 'bar',
  data: {
    labels: cm_labels,
    datasets: [{
      label: 'Number of votes',
      data: cm_data,
     backgroundColor: 'red'
    }]
  },
}}

---

谢谢你的帮助

首先，将

onClick

方法添加到您的图表选项中，当图表检测到任何单击自身时，将触发该方法

然后，要在触发

onClick

方法时获取实际的条高，可以使用如下方法：

onClick: function(event) {
   var bar = this.getElementAtEvent(event);
   if (!bar.length) return; //return if not clicked on bar
   var barHeight = bar[0].height();
   alert(barHeight);
}

ᴅᴇᴍᴏ

var图表=新图表（ctx{
类型：'bar'，
数据：{
标签：[一月、二月、三月、四月、五月]，
数据集：[{
标签：“行”，
数据：[3,1,4,2,5]，
背景颜色：“rgba（0，119，290，0.2）”，
边框颜色：“rgba（0，119，290，0.6）”
}]
},
选项：{
onClick：函数（事件）{
var bar=this.getElementAtEvent（事件）；
if（！bar.length）return；//如果未在条上单击，则返回
var barHeight=bar[0]。高度（）；
警报（高度）；
},
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});
太棒了。非常感谢：）