Chartjs:同一标签有多个数据值

iqih9akk  于 2023-03-08  发布在  Chart.js
关注(0)|答案(2)|浏览(244)

我试着做一个图表看起来像这样...
Chart bar example
但是我不能在同一个标签上使用多个数据值。有人有什么想法吗?我使用chart.js
我希望代码看起来像这样...

  1. labels: ['category 1, 'category 2'],
  2. datasets: [
  3. {
  4. // values for category one
  5. type: 'bar',
  6. backgroundColor: '#8e5ea2',
  7. data: [111, 222, 333]
  8. }, {
  9. // values for category two
  10. type: 'bar',
  11. backgroundColor: '#3e95cd',
  12. data: [111, 222, 333]
  13. }
  14. ]

但是,chart.js为创建的每个标签获取每个数据项。我希望一个标签有多个日期项

7vhp5slm

7vhp5slm1#

不确定是否有效,但您可以尝试将数据指定为对象,然后在第一个数据集中将所有x值放入第一个标签,在第二个数据集中将所有x值放入第二个标签。https://www.chartjs.org/docs/master/general/data-structures

57hvy0tb

57hvy0tb2#

试试这个:

  1. labels: ['category 1, 'category 2'],
  2. datasets: [
  3. {
  4. // values for category one
  5. type: 'bar',
  6. backgroundColor: '#8e5ea2',
  7. data: [111, 222, 333],
  8. stack: 'Stack 1'
  9. }, {
  10. // values for category two
  11. type: 'bar',
  12. backgroundColor: '#3e95cd',
  13. data: [111, 222, 333],
  14. stack: 'Stack 1'## Heading ##
  15. }
  16. ]
展开查看全部

相关问题