如何在c3.js图表​​库中绘制x，y坐标？

Question

如何传递x，y值以生成x值未自动排序的图表？如果我使用这个例子，x从2开始，因为它是最低值。

var chart = c3.generate({
data: {
    x: 'x',
    columns: [
        ['x', 50, 80, 2,100, 230, 300],
        ['data1',400, 200, 100, 50, 25, 12]
    ]
}

}）;

Answer 1

如果您想不对x值进行排序，则需要将其视为类别轴

var chart = c3.generate({
    data: {
        columns: [
            ['data1',400, 200, 100, 50, 25, 12]
        ],
        type: "bar",
    },
    axis: {
        x: {
            type: 'category',
            categories: [50, 80, 2,100, 230, 300],
        }
    }
});

请参阅http://c3js.org/samples/categorized.html