Reactjs chartjs不'；不能正确地呈现日期

我在reactjs中创建了一个自定义的chartjs组件，希望在XAX中呈现日期，在YAX中呈现从-1到1的数字，但它呈现数据的方式不正确。

从“React”导入React，{useRef，useffect}；
从“Chart.js”导入图表；
常量图表组件=（{data，label，min，max}）=>{
const canvasRef=useRef（null）；
useffect（（）=>{
const canvasObj=canvasRef.current；
const context=canvasObj.getContext（“2d”）；
新图表（上下文{
键入：“行”，
数据：{
数据集：[
{
标签：标签，
背景色：“透明”，
数据：数据，
},
],
},
选项：{
比例：{
xAxes：[
{
键入：“时间”，
分布：“线性”，
时间：{
单位：“月”，
显示格式：{
季度：“YYYY-mm-dd”，
},
},
},
],
雅克斯：[
{
滴答声：{
建议最大值：最大值，
建议民:民,，
},
},
],
},
},
});
}，[数据、标签、最小值、最大值]；
返回；
};
导出默认图表组件；

我将这样的数据传递给组件

；

我必须承认我也做了同样的事情，而且效果很好，这是下面的例子

；

---

如有任何建议，将不胜感激。谢谢。

问题是您提供的日期字符串不是nor，因此它们不能是by，这是Chart.js内部使用的

要让它工作，你必须定义

请看下面的可运行代码，看看它是如何工作的。这是一个纯粹的JavaScript示例，但它也应该适用于

react-chartjs-2

新图表（“myChart”{
键入：“行”，
数据：{
数据集：[{
标签：“我的数据集”，
数据：[
{x:“30/03/2018”，y:0.1158}，
{x:“2018年9月24日”，y:-0.1975}，
{x:“2018年12月23日”，y:0.1913}，
{x:“2019年3月23日”，y:-0.2137}
],
填充：假
}]
},
选项：{
比例：{
xAxes：[{
键入：“时间”，
时间：{
解析器：“DD.MM.YYYY”，
单位：“月”，
显示格式：{
月份：“YYYY-MM-DD”，
}
}
}],
雅克斯：[{
滴答声：{
建议最大值：1，
建议明：-1
}
}]
}
}
});