为什么 chartjs 工具提示标签总是显示第一个 x 轴标签？答案

【问题标题】：Why are the chartjs tooltip labels always showing the first x-axis label?为什么 chartjs 工具提示标签总是显示第一个 x 轴标签？
【发布时间】：2018-01-19 20:14:08
【问题描述】：

chartjs 默认工具提示似乎显示数据不正确。无论我将鼠标悬停在哪个数据点上，工具提示标签始终显示“1 月 24 日这一周”。

我希望它在悬停在“1 月 31 日的一周”数据点上时显示“1 月 31 日的那一周”，在悬停在“上周”数据点上时显示“上周”。我错了吗？

【问题讨论】：

你能提供一个重现这个错误的小提琴吗？
我会看看我能做什么 Quince，但我认为它与动态更改 x 轴标签有关......我想我需要调用 update() 或类似的东西。我有一个用于不同数据范围的切换：季度、月、周和天，因此当用户单击它们时 x 轴值会发生变化。如果我对标签进行硬编码，工具提示就可以了。
我确认这确实是问题所在。我正在使用来自 npm 的 react-chartjs，所以我必须在组件上将 redraw 属性设置为 true
这种方法的缺点是线条下降到零，然后动画到它们的新位置。如果没有重绘线条，它们会从当前位置动画到新位置，这看起来好多了
在这个问题上运气好吗？我也有同样的问题！

标签： chart.js react-chartjs

【解决方案1】：

<LineChart data={this.state.yourData} options={this.state.yourOptions} redraw="true"/>

redraw="true"

【讨论】：