javascript - Javascript + Chartkick 多个数据集或分组

Question

我有一个这样的数据集：

CompanyName CustomAreaCode  SalesMonth01    SalesMonth02    SalesMonth03
Company1    AA1A            20              30              40
Company1    AA1B            23              32              43
Company2    AA1A            23              42              45
Company2    AA1B            87              65              98

我正在使用Javascript蚂蚁Charkick。我想制作图表，该图表将在sales上Y axis，并且将在SalesMonth上X axis，但按 分组CustomAreaCode。最终图表应该类似于示例中的图表（对不起我的绘画技巧）：

我创建图表的代码：

new Chartkick.ColumnChart(chartName, chartDataItem, { 
"library": { "backgroundColor": "#FFFFFF", "hAxis": { "title" : xtitle },
"vAxis": { "title" : ytitle, "viewWindow": { "min": chartMin3, "max": chartMax3 } } },
"discrete": true,
"colors": ["#82aef5", "#484c57", "#9987f6", "#FFE57B", "#FFCF7B", "#FFB07B"]});

我目前拥有的数据 JSON（不知道在哪里放置区号）：

[
    {
        "name":"Company1",
        "data":
            {
                "2015-01":20,
                "2015-02":30,
                "2015-03":40
            }
    },
    {
        "name":"Company2",
        "data":
            {
                "2015-01":23,
                "2015-02":32,
                "2015-03":43
            }
    },
    {
        "name":"Company1",
        "data":
            {
                "2015-01":23,
                "2015-02":42,
                "2015-03":45
            }
    },
    {
        "name":"Company2",
        "data":
            {
                "2015-01":87,
                "2015-02":65,
                "2015-03":98
            }
    }
]