reactjs - Reactjs- 条形图-chartjs- 数据不在单个块中

Question

我的条形图数据格式是这样的：[img1][1]

我得到的图表是这样的：[img2][2]

我想要单独的块用于单独的日期。我在这里做错了什么？

使用实现<Bar data={data} options={options} />

其中 data 是图 1 中显示的内容，options 是：

      scales: {
        yAxes: [{
          display: true,
          ticks: {
            beginAtZero: true
          }
        }],
        xAxes: [{
          display: true,
          ticks: {
            beginAtZero: true
          }
        }]
      },
      legend: {
        display: false
      }
   }; ```

  [1]: https://i.stack.imgur.com/vqggX.png
  [2]: https://i.stack.imgur.com/E6HUZ.png

标签： reactjsgraphchart.jsbar-chartreact-chartjs

Answer 1

这是因为您的标签数组是嵌套数组，因此 chart.js 将其视为多行数组。如果将其更改为单个平面数组，它将正常工作