如何在 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

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

How to Plot x,y coordinates in c3.js chart library?

javascript

charts

c3.js