JavaScript - Chart.js 工具提示显示错误的 x 轴值

Question

我有一个包含两个不同数据集的图表，但有时它们具有相同的 x、y 坐标。但是当我将鼠标悬停在共享点时，它有时会显示错误的日期。y 值是正确的，但 x 值显示不正确。

尝试将共享点 悬停在 codepen 上。

在下图中，您可以看到 I'm { y: 56.04, x: April 05, 2014 }hovering ，但显示的是 xLabel 值58.28，即April 15, 2012. 此外，您可以在图表中看到57.05和58.28都具有April 15, 2012x 值，但它们不在同一个 y 位置！

代码太长，无法在 stackoverflow 上共享，但我制作了这个代码笔，以便您可以在那里查看、分叉和编辑它。

---

更新

我更新了具有相同日期的笔和定点。我还type: 'time'感谢@Oluwafemi Sule。

这是我编辑过的笔。

但是现在，x 轴上的日期很奇怪。他们不再说March 06, 2011，但他们说Q1 2011。并且工具提示仍然存在错误。

Answer 1

我通过使用这样的工具提示回调解决了我的问题：

options: {
    tooltips: {
        callbacks: {
            title: function(tooltipItems, data) {
                return data.datasets[tooltipItems[0].datasetIndex].data[tooltipItems[0].index].x;
            }
        }
    }
}

现在我的工具提示直接从相应的dataset.

图表版本： 2.9.3