2016-08-08 84 views
0

如何传递x,y值来生成x值不会自动排序的图表?如果我使用这个例子,x从2开始,因为它的最低值。如何绘制c3.js图表​​库中的x,y坐标?

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

});

回答

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

相关问题