【问题标题】:Chartjs: Multiple data values for the same labelChartjs:同一标签的多个数据值
【发布时间】:2021-01-14 03:45:35
【问题描述】:

我正在尝试构建一个看起来像这样的图表...

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 会为创建的每个标签获取每个数据项。我希望一个标签有多个日期项目

【问题讨论】:

    标签: javascript charts chart.js vue-chartjs


    【解决方案1】:

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

    【讨论】:

    • 这样真的不行,我看看你发的内容,试试这样...谢谢
    猜你喜欢
    • 2021-12-11
    • 1970-01-01
    • 2020-05-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-12-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多