javascript - Chartjs 向下钻取多个 Y 轴条形图/折线图的问题

标签 javascript canvas chart.js

我有一个包含多个 Y 轴的条形图,如下图所示。

Multiple Y-Axis Graph

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

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

关于javascript - Chartjs 向下钻取多个 Y 轴条形图/折线图的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33675468/

相关文章:

chart.js - 图表JS填充两行之间

javascript - 如何过滤react-chartjs-2

javascript - 现场运动 Canvas 动画中的低质量图像

javascript - 渲染子域的 ExpressJS 问题

JavaScript 名称范围

javascript - 我可以相信新数组中的元素等于 false 吗?

android - Android中的多个动画

android - Android Canvas 上的文字换行

Javascript 图表填满整个浏览器窗口

javascript - Bootstrap 轮播 - JavaScript 不适用(DNN)