C3スタックチャートデータの順序を維持する

Question

私は参考文献の指示に従い、this answerから指示を受けていますが、成功していません。

私は積み重なった棒グラフを持っていますが、スタック内のデータをデータ内の順序で表示したいのですが、順序が変わってしまい、その防止方法がわかりません。

ここにはjsfiddleがあります。

はここで、私はシリーズはオーダー0-1、2-3、4-5のようにしたいと思いコードに

var chartOptions = { 
    element: 'chart', 
    data: { 
    "rows":[["0-1","2-3","4-5","6","7"],[25,56,14,2,1],[6,66,27,0,0],[0,70,30,0,0],[27,54,14,5,0],[0,54,30,8,8],[29,64,7,0,0]], 
    "type":"bar", 
    "groups":[["0-1","2-3","4-5","6","7"]], 
    "order":null 
    }, 
    axis: { 
    "x":{ 
     "type":"category", 
     "categories":["Whole List","committed","community","congregation","core","crowd"] 
    }, 
    "y":{ 
     "padding":{ 
     "top":0 
     } 
    } 
    }, 
    stacked: true, 
    size: {"height":300} 
} 

var chart = c3.generate(chartOptions); 

をだなど

Answer 1

これはknown issueで判明します。いずれかのヘッダーが整数（または整数の文字列）の場合、c3は列をソートします。

回避するには、列名の末尾にスペースを追加するので、c3は数値を文字列として解釈します。

例えば

chartOptions['data']['rows'][0] = ["0-1","2-3","4-5", 
            "6 ", "7 "]; // Spaces appended to these 
chartOptions['data']["groups"] = [["0-1","2-3","4-5","6 ", "7 "]]; 

私はこの問題を回避するにjsfiddleを更新しました。