2016-04-27 11 views
0

2軸の場合、データは2dシリーズ( 'グループ'列)でソートされます。ディンプルJS複数のy軸 - デフォルトソートの変更

私はデータの元のソートを維持するか、第1シリーズ( '値'列)をソートすることをお勧めします。ここで

グラフのコード

var svg = dimple.newSvg("#chartContainer", 590, 400); 
var data = [ 
{ 'Label': 'aaaa', 'Value': '135.54943277777', 'Group': '18.3948393336644'}, 
{ 'Label': 'bbb', 'Value': '120.80073333333', 'Group': '10.4281640646934'}, 
{ 'Label': 'ccc', 'Value': '110.54883277777', 'Group': '9.66131377875796'}, 
{ 'Label': 'ddd', 'Value': '98.86206666666', 'Group': '9.91368107242412'}, 
{ 'Label': 'eee', 'Value': '97.57636666666', 'Group': '9.49774852202884'}, 
{ 'Label': 'fff', 'Value': '96.04330000000', 'Group': '11.3224795444171'}, 
{ 'Label': 'ggg', 'Value': '73.57493333333', 'Group': '18.7054825008656'}, 
{ 'Label': 'hhh', 'Value': '66.72536666666', 'Group': '7.91852934981023'}, 
{ 'Label': 'iii', 'Value': '65.80693333333', 'Group': '10.2305178662186'} 
]; 

var myChart = new dimple.chart(svg, data); 
myChart.setMargins("60px", "60px", "40px", "40px"); 
var x = myChart.addCategoryAxis("x", "Label"); 
var y1 = myChart.addMeasureAxis("y", "Value"); 
var y2 = myChart.addMeasureAxis("y", "Group"); 
myChart.addSeries("Value", dimple.plot.bar, [x, y1]); 
myChart.addSeries(null, dimple.plot.line, [x, y2]); 
myChart.draw(); 

そして、それを達成することができるどのようにフィドル http://jsfiddle.net/xgmtuqq5/

のですか?

事前にどうもありがとうあなたがオリジナルの並べ替えのためのコード内またはのような「価値」の列を使用してちょうどOrderRuleを追加する必要が

答えて

0

x.addOrderRule("Label"); //for original sorting 

x.addOrderRule("Value"); //for sorting using the column "Value" 

また、次のようなコーディングでtrueを設定して降順にソートすることもできます。

x.addOrderRule("Value",true); // for sorting in descending order 
関連する問題