Chart.js cartjs工具提示显示在图表的错误位置

我刚刚添加了

工具提示：{mode:'index'，intersect:true}

问题是工具提示总是放在错误的地方

所以我将鼠标悬停在图表上的某个特定点上，但工具提示显示在完全不同的位置

---

有什么办法可以解决吗？

不幸的是，我无法重现您在下面的代码中描述的问题，

工具提示：{mode:'index'，intersect:true}

工作正常。您能否提供一个可运行的代码片段来说明您所面临的问题

const数据=[{
名称：“系列1”，
系列：[{
日期：“2016-01-31T00:00:00.000Z”，
数值：8
},
{
日期：“2016-02-28:00:00.000Z”，
数值：10
},
{
日期：“2016-03-30T00:00:00.000Z”，
价值：12
},
{
日期：“2016-04-31T00:00:00.000Z”，
价值：15
},
{
日期：“2016-05-31T00:00:00.000Z”，
价值：14
},
{
日期：“2016-06-30T00:00:00.000Z”，
价值：16
},
{
日期：“2016-07-31T00:00:00.000Z”，
价值：17
}
]
}, {
名称：“系列2”，
系列：[{
日期：“2016-01-31T00:00:00.000Z”，
价值：5
},
{
日期：“2016-02-28:00:00.000Z”，
价值：7
},
{
日期：“2016-03-30T00:00:00.000Z”，
数值：10
},
{
日期：“2016-04-31T00:00:00.000Z”，
价值：13
},
{
日期：“2016-05-31T00:00:00.000Z”，
价值：12
},
{
日期：“2016-06-30T00:00:00.000Z”，
价值：14
},
{
日期：“2016-07-31T00:00:00.000Z”，
价值：15
}       
]
}];
新图表（document.getElementById（'myChart'）{
键入：“行”，
数据：{
数据集：[
{
标签：数据[0]。名称，
填充：假，
背景颜色：“红色”，
边框颜色：“红色”，
数据：数据[0].series.map（x=>（{x:newdate（x.Date），y:x.value}））
}, {
标签：数据[1]。名称，
填充：假，
背景颜色：“绿色”，
边框颜色：“绿色”，
数据：data[1].series.map（x=>（{x:newdate（x.Date），y:x.value}））
}
]
},
选项：{
回答：是的，
标题：{
显示：假
},
图例：{
显示：对，
位置：'顶部'
},
工具提示：{
模式：“索引”，
交集：对
},
比例：{
xAxes：[{
键入：“时间”，
时间：{
单位：月，
显示格式：{
“月”：“MM YYYY”，
},
工具提示格式：“MMM YYYY”
}
}],
}
}
});
从您在注释中提供的示例代码到我的第一个答案，我发现数据集的值不是从同一个x位置开始的。因此，
模式：“索引”
不起作用，您应该使用

请查看您的代码：


const数据=[{
名称：“系列1”，
系列：[{
“日期”：“2015-02-28:00:00.000Z”，
“价值”：4946
}, {
“日期”：“2015-03-31T00:00:00.000Z”，
“价值”：7174
}, {
“日期”：“2015-04-30T00:00:00.000Z”，
“价值”：6981
}, {
“日期”：“2015-05-31T00:00:00.000Z”，
“价值”：9461
}, {
“日期”：“2015-06-30T00:00:00.000Z”，
“价值”：13387
}, {
“日期”：“2015-07-31T00:00:00.000Z”，
“价值”：24302
}, {
“日期”：“2015-08-31T00:00:00.000Z”，
“价值”：9994
}, {
“日期”：“2015-09-30T00:00:00.000Z”，
“价值”：14999
}, {
“日期”：“2015-10-31T00:00:00.000Z”，
“价值”：17700
}, {
“日期”：“2015-11-30T00:00:00.000Z”，
“价值”：50822
}, {
“日期”：“2015-12-31T00:00:00.000Z”，
“价值”：50919
}, {
“日期”：“2016-01-31T00:00:00.000Z”，
“价值”：48754
}, {
“日期”：“2016-02-29T00:00:00.000Z”，
“价值”：29803
}, {
“日期”：“2016-03-31T00:00:00.000Z”，
“价值”：67236
}, {
“日期”：“2016-04-30T00:00:00.000Z”，
“价值”：96319
}, {
“日期”：“2016-05-31T00:00:00.000Z”，
“价值”：124185
}, {
“日期”：“2016-06-30T00:00:00.000Z”，
“价值”：141557
}, {
“日期”：“2016-07-31T00:00:00.000Z”，
“价值”：132527
}, {
“日期”：“2016-08-31T00:00:00.000Z”，
“价值”：140417
}, {
“日期”：“2016-09-30T00:00:00.000Z”，
“价值”：135075
}, {
“日期”：“2016-10-31T00:00:00.000Z”，
“价值”：191392
}, {
“日期”：“2016-11-30T00:00:00.000Z”，
“价值”：227628
}, {
“日期”：“2016-12-31T00:00:00.000Z”，
“价值”：243538
}, {
“日期”：“2017-01-31T00:00:00.000Z”，
“价值”：293096
}, {
“日期”：“2017-02-28:00:00.000Z”，
“价值”：345766
}, {
“日期”：“2017-03-31T00:00:00.000Z”，
“价值”：519761
}, {
“日期”：“2017-04-30T00:00:00.000Z”，
“价值”：448786
}, {
“日期”：“2017-05-31T00:00:00.000Z”，
“价值”：572362
}, {
“日期”：“2017-06-30T00:00:00.000Z”，
“价值”：580894
}, {
“日期”：“2017-07-31T00:00:00.000Z”，
“价值”：660067
}, {
“日期”：“2017-08-31T00:00:00.000Z”，
“价值”：709063
}, {
“日期”：“2017-09-30T00:00:00.000Z”，
“价值”：812561
}, {
“日期”：“2017-10-31T00:00:00.000Z”，
“价值”：874424
}, {
“日期”：“2017-11-30T00:00:00.000Z”，
“价值”：1076463
}, {
“日期”：“2017-12-31T00:00:00.000Z”，
“价值”：1049066
}, {
“日期”：“2018-01-31T00:00:00.000Z”，
“价值”：1239827
}, {
“日期”：“2018-02-28:00:00.000Z”，
“价值”：1081402
}, {
“日期”：
tooltips: {
    mode: 'x'
}