减少Dimple.js折线图上的Y轴标签

时间:2016-08-19 14:59:19

标签: javascript dimple.js

我无法减少dimple.js折线图上的Y轴标签数量。我试图在stackoverflow上遵循这个解决方案,但没有运气。这是我的示例代码:

var svg = dimple.newSvg("#ChartContainer", "100%", "100%");
var data = [{"Value(%):" 0.025, "Cost:" 95000},{"Value(%):" 0.26, "Cost:" 96000}, {"Value(%):" 0.027, "Cost:" 97000} ... etc etc. ( over 2000 pairs .. ) ];                               
 var chart = new dimple.chart(svg, data);
 var x = chart.addMeasureAxis("x", "Cost");
 var y = chart.addCategoryAxis("y", "Value(%)");
 y.addOrderRule("Cost");                                   
 var s = chart.addSeries(null, dimple.plot.line); 
 chart.addLogAxis("y", "Value(%)");                 
 chart.draw();

图表显示确定,但Y轴标签完全混乱。这是我得到的: enter image description here

任何人都能指出我所缺少的东西,听起来像是非常基本的东西,但花了好几个小时来弄明白,没有运气。提前谢谢。

1 个答案:

答案 0 :(得分:0)

排序。解决方案如this示例所述,我唯一缺少的是,何时调用该函数,我在绘制图表后调用它,但必须在图表绘制功能之前调用它。充当魅力。