Reactjs- Bar Graph-chartjs- 数据不在单独的块中
Reactjs- Bar Graph-chartjs- Data not coming in individual blocks
我的条形图数据格式是这样的:[img1][1]
我得到的图表是这样的:
[img2][2]
我想要不同日期的不同区块。我在这里做错了什么?
使用<Bar data={data} options={options} />
实现
其中数据是图 1 中显示的内容,选项是:
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
这是因为您的标签数组是嵌套数组,所以 chart.js 将其视为多行数组。如果将其更改为单个平面阵列,它将正常工作
我的条形图数据格式是这样的:[img1][1]
我得到的图表是这样的: [img2][2]
我想要不同日期的不同区块。我在这里做错了什么?
使用<Bar data={data} options={options} />
其中数据是图 1 中显示的内容,选项是:
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
这是因为您的标签数组是嵌套数组,所以 chart.js 将其视为多行数组。如果将其更改为单个平面阵列,它将正常工作