2016-04-27 24 views
0

當我有2個座標軸時,我的數據在2d系列('Group'列)上排序。Dimple JS多個y軸 - 更改默認排序

我想要保留數據的原始排序或排序在第一個系列('價值'列)。

這裏是圖表

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/

的代碼怎麼可能實現呢?

感謝很多提前

回答

0

你必須補充一點,OrderRule在你的代碼的原始排序或使用「值」列如:

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