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 pivot图表创建的预期输出如下所示.这里将每个模型的效率绘制为条形.每组中的条形按效率值的降序排序.我该如何为这种图表创建数据？

Answer 1

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

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