时间戳

首页 > 解决方案 > 使用 react-chart-js-2 和 reactapp 没有出现 x 轴上的时间

javascript - 使用 react-chart-js-2 和 reactapp 没有出现 x 轴上的时间

问题描述

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

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

1.）在构造函数中，我正在设置图表所需的参数以显示chartjs的设置

2.）接下来，我正在与服务器进行调用并获取数据以形成 X 轴（日期）。日期参数

在 YAxis 上，我只想要两个刻度 0（失败）和 200（成功），但是 chartjs 做了 20 步调整。YAxis 和 XAxis 没有出现，因为它应该只有当前时间出现在 XAxis

请帮忙，任何事情都会有好处。

谢谢

标签： javascriptnode.jsreactjsreact-chartjs

解决方案

终于找到解决办法了！

经过大量调试：-

1.) 我删除了 Xaxis 的所有选项，这些选项开始给我在 xAxis 上的时间。2.) 在 setState 中设置数据集时，数据字段设置为图表数据数组。我刚刚从 (data:[chartdata] 到 data:chartdata) 中删除了数据数组，请看这解决了我的问题的图像。

在函数中初始化图表数据时，我将其设置为数组，当我再次将其放入数据字段时，我将其设置为我的问题所在的数组。

希望如果有人遇到这种问题会从这个回复中得到帮助。谢谢！

推荐阅读