chart.js - Chartjs - 具有多级 x 轴的条形图的数据格式

Question

输入数据

Engine,Car,Brand,Efficiency
ABC212,Toyota Corolla,Toyota,1.95
ABC212,Toyota Yaris,Toyota,1.94
ABC212,Totyota Etios,Toyota,1.93
ABC212,Honda City,Honda,1.93
ABC212A,Honda Brio,Honda,1.91
DEF311,Toyota Camry,Toyota,1.90
DEF310,Toyota Prius,Toyota,1.82
DEF310,Ford Explorer,Ford,1.85
DEF310,Ford Endeavour,Ford,1.83
DEF305,Ford Fugo,Ford,1.79

有了上面的数据，我需要在 ChartJs 中创建一个具有多级 x 轴的图表。使用 MS Excel 数据透视图创建的预期输出如下。这里每个模型的效率绘制为条形图。每组中的条形按效率值的降序排列。我应该如何为这种图表创建数据？

Answer 1

我在我的 POC 中制作了这样的图表，我使用了:

data: {
      labels: ["ABC212", "ABC212A",...],
      datasets: [
        {
          label: "ABC212",
          data: [val1, val2,....]
        }, {
          label: "ABC212A",
          data: [val3, val4,...]
        }
      ]
    }