javascript - 获取yLabel值onclick图表js
问题描述
当我点击栏时,我想要 y 标签值。
像上面的例子一样,当我点击 2 月蓝色条时,我想要标签值,即 40
我在 stackOverFlow 和其他网站上查找了示例,但他们只有显示图例的标签示例。
我试过的一些代码
onClick: function(evt, element) {
var activePoints = bar_chart.getElementAtEvent(evt);
console.log(activePoints[0]._model.datasetLabel);
}
解决方案
当您单击它时,此演示会在条形图中给出值。我不是 chart.js 专家,所以可能有更好的解决方案。
https://codepen.io/newschapmj1/pen/PerOzM
/* from https://github.com/chartjs/Chart.js/issues/2292 */
document.getElementById("myChart").onclick = function (evt) {
var activePoints = myChart.getElementsAtEventForMode(evt, 'point', myChart.options);
var firstPoint = activePoints[0];
var label = myChart.data.labels[firstPoint._index];
var value = myChart.data.datasets[firstPoint._datasetIndex].data[firstPoint._index];
alert(label + ": " + value);
};