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

iqih9akk 于 2023-03-08 发布在 Chart.js

关注(0)|答案(2)|浏览(165)

我试着做一个图表看起来像这样...
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为创建的每个标签获取每个数据项。我希望一个标签有多个日期项

chart.js

来源：https://stackoverflow.com/questions/65713143/chartjs-multiple-data-values-for-the-same-label

2条答案

按热度按时间

7vhp5slm1#

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

赞(0）回复(0）举报 2023-03-08

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 ##
      }
    ]

赞(0）回复(0）举报 2023-03-08

我来回答

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

2条答案

相关问题

热门标签

最新问答