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

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

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

labels: ['category 1, 'category 2'],
datasets: [
      {
        // values for category one
        type: 'bar',
        backgroundColor: '#8e5ea2',
        data: [111, 222, 333]
      }, {
        // values for category two
        type: 'bar',
        backgroundColor: '#3e95cd',
        data: [111, 222, 333]
      }
    ]

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

7vhp5slm

7vhp5slm1#

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

57hvy0tb

57hvy0tb2#

试试这个:

labels: ['category 1, 'category 2'],
datasets: [
      {
        // values for category one
        type: 'bar',
        backgroundColor: '#8e5ea2',
        data: [111, 222, 333],
        stack: 'Stack 1'
      }, {
        // values for category two
        type: 'bar',
        backgroundColor: '#3e95cd',
        data: [111, 222, 333],
        stack: 'Stack 1'## Heading ##
      }
    ]

相关问题