如何更改凹坑中分組條形圖的順序？

Question

我有這樣的數據，

income correlation bath_math_count bath_read_count 
High Negative 3 2 
High Not significant 7 12 
High Positive 17 13 
Medium Negative 0 0 
Medium Not significant 2 3 
Medium Positive 9 8 
Low Negative 0 1 
Low Not significant 6 8 
Low Positive 19 16 

我的酒窩代碼讀取，

var svg = dimple.newSvg("#chartContainer", 590, 400); 
d3.tsv("generated_data/test.tsv", function (data) { 
    var myChart = new dimple.chart(svg, data); 
    myChart.setBounds(60, 30, 510, 330); 
    myChart.addCategoryAxis("x", ["correlation", "income"]); 
    myChart.addMeasureAxis("y", "bath_read_count"); 
    var s = myChart.addSeries("income", dimple.plot.bar); 
    // s.addOrderRule(["Low", "Medium", "High"]); 
    myChart.addLegend(65, 10, 510, 20, "right"); 

它看起來像

我想每個組從 「低」 安排「高」。如果我取消註釋上面註釋的那一行，那麼圖例的順序就會改變，但不會變成酒吧。 如何解決它？

Answer 1

好的......我很快在這裏找到了addGroupOrderRule函數。 http://dimplejs.org/examples_viewer.html?id=lines_horizontal_grouped_stacked

var x = myChart.addCategoryAxis("x", ["correlation", "income"]); 
    x.addGroupOrderRule(["Low", "Medium", "High"]); 

這些完成這項工作。