Wie plotten x, y Koordinaten in c3.js Diagrammbibliothek?

Question

Wie kann ich x, y-Werte übergeben, um ein Diagramm zu erstellen, in dem die x-Werte nicht automatisch sortiert werden? Wenn ich dieses Beispiel verwende, beginnt das x bei 2, weil es der niedrigste Wert ist.

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

});

Answer 1

Wenn Sie wollen nicht sortieren die x-Werte, dann müssen Sie es als eine Kategorie behandeln Achse

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], 
     } 
    } 
}); 

Siehe http://c3js.org/samples/categorized.html