Wykres słupkowy C3JS z określonym zamówieniem

Question

Jeśli mam zgrupowany wykres słupkowy C3JS zdefiniowany jak poniżej, w jaki sposób mogę uzyskać, aby segmenty pozostały w kolejności, w jakiej je zdefiniowałem, zamiast w porządku rosnącym według wartości? Domyślnie C3 będzie zamówić je za 5, 10, 40, ale chcę pozostać jako 10, 40, 5.

c3.generate({ 
    bindto: '.active-loads', 
    data: { 
    columns: [ 
     ['Picking up future', 10], 
     ['Enroute', 40], 
     ['Delivered', 5] 
    ], 
    type: 'bar', 
    groups: [ 
     ['Picking up future', 'Enroute', 'Delivered'] 
    ], 
    onclick: function(d) { 
     console.debug(d); 
    } 
    }, 
    axis: { 
    rotated: true, 
    x: { 
     show: false 
    } 
    } 
}); 

EDIT

Okazuje się, że jest to tak proste, jak określenie order: null w Właściwość data.

Answer 1

dokumentacja C3js ma stronę dla tego: http://c3js.org/samples/data_order.html

Można zamówić swoje dane w następujący sposób:

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['data1', 130, 200, 320, 400, 530, 750], 
      ['data2', -130, 10, 130, 200, 150, 250], 
      ['data3', -130, -50, -10, -200, -250, -150] 
     ], 
     type: 'bar', 
     groups: [ 
      ['data1', 'data2', 'data3'] 
     ], 
     order: 'desc' // stack order by sum of values descendantly. 
//  order: 'asc' // stack order by sum of values ascendantly. 
//  order: null // stack order by data definition. 
    }, 
    grid: { 
     y: { 
      lines: [{value:0}] 
     } 
    } 
}); 

również szczegółowe wyjaśnienie tutaj zbyt: http://c3js.org/reference.html#data-order

Można określić swoją funkcję także:)