C3JS çubuk grafiği belirli bir siparişle

Question

Aşağıdaki gibi tanımlanan bir C3JS gruplandırılmış çubuk grafiğim varsa, segmentleri değer olarak artan sıra yerine onları tanımladığım sıraya göre nasıl alabilirim? Varsayılan olarak

içinde order: null belirterek olduğunca kolay çıkıyor C3 5 10, 40 olarak sipariş olacak, ama bu 10, 40 olarak kalmasını istediğiniz 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 
    } 
    } 
}); 

DÜZENLEME data özelliği.

Answer 1

C3js belgelerine bunun için sayfası vardır: burada da aynı

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

ayrıntılı bir açıklama: http://c3js.org/samples/data_order.html

Bu arada aşağıdaki verilerinizi sipariş edebilirsiniz http://c3js.org/reference.html#data-order

Sen işlevini de belirtebilirsiniz: