关于 javascript：Chartjs 钻取多个 Y 轴条形图/折线图的问题


Chartjs drill down issue with multiple Y-Axis Bar/Line graph

如下图所示，我有一个带有多个 Y 轴的条形图。

Multiple Y-Axis Graph

如您所见，两个条形代表两个不同的数据集。画布的 onclick 事件为我们提供了一个包含所有条形点的数组。

1
2
3
canvas.onclick = function (evt) {
    var activePoints = chartObject.getBarsAtEvent(evt);
}

现在的问题是，在我们的应用程序中，我们根据用户点击的栏做了两件不同的事情。使用以上几点，我们无法确定用户点击了哪个栏，这意味着如果用户点击蓝色栏，那么我们需要做一些事情，否则如果用户点击紫色栏，那么我们会做一些完全不同的事情。我们如何确定用户点击了哪个栏。

很遗憾，没有对此的支持，您必须自己实现它。
见 https://github.com/chartjs/Chart.js/issues/3115#event-792845174
另请参阅此解决方案：https://github.com/chartjs/Chart.js/issues/1283