Javascript 使用C3.js为Timeseries X轴创建堆叠条形图

我正在尝试创建这个堆叠条形图（使用C3.js），就像图中的一样，这是一个timeseries的堆叠条形图

我当前的配置是： `

---

`

您需要处理数据布局，并朝着使用组的方向前进。与下面类似

var图表=c3.generate({
数据：{
x：“x轴”，
json:[
{“x轴”：“0”，
“数据1”：30，
“数据2”：40，
“数据3”：20，
“数据4”：10，
“数据5”：50，
“数据6”：40
},
{“x轴”：“1”，
“数据1”：20，
“数据2”：60，
“数据3”：10，
“数据4”：15，
“数据5”：40，
“数据6”：20，
}],
//等等
关键点：{
x：“x轴”，
值：[“data1”、“data2”、“data3”、“data4”、“data5”、“data6”]
},
小组：[
[“数据1”、“数据2”、“数据3”、“数据4”、“数据5”、“数据6”]
],
类型：'bar'
}
});


{
    data: {
        json: [
            {
                "calendar_date": "2018-11-01",
                "segment_description": "Executive Suite",
                "before_otb": 2,
            },
            {
                "calendar_date": "2018-11-01",
                "segment_description": "Handicapped Room",
                "before_otb": 3,
            },
            {
                "calendar_date": "2018-11-01",
                "segment_description": "Junior Suite",
                "before_otb": 5,
            }
        ],
        type: 'bar',
        keys: {
            x: 'calendar_date',
            value: ['before_otb']
        },
    },
    axis: {
        x: {
            type: 'timeseries'
        }
    }
}