使用react-chart-js-2和reactapp不会在x轴上显示时间

时间:2019-02-18 13:25:11

标签: javascript node.js reactjs react-chartjs

我是新来的人,我正在集成react-chartjs-2以在图表上填充我的数据。

我正在使用条形图来显示成功和失败的呼叫

1。)在构造函数中,我设置了图表显示setting for chartjs

所需的参数

2。)接下来,我正在与服务器进行通话,并获取数据以形成X轴(日期)。date params

在YAxis上,我只希望两个刻度0(失败)和200(成功),但是chartjs进行20步大小调整。YAxis and XAxis is not appearing as it should only current time is appearing on the XAxis

请帮助,一切都会好起来的。

谢谢

1 个答案:

答案 0 :(得分:0)

终于找到了解决方法!

经过大量调试:-

1。)我删除了Xaxis的所有选项,这些选项开始让我有更多时间在xAxis上。 2.)在setState中设置数据集时,数据字段设置为chartdata数组。我刚刚从(数据:[chartdata]到数据:chartdata)中删除了数据数组,see the image解决了我的问题。

在函数中初始化chartdata时,我将其设置为数组,当再次将其放入数据字段时,将其设置为存在问题的数组。

希望任何人遇到这种问题都会得到此响应的帮助。谢谢!