2016-07-15 84 views
4

我使用angular-chart.js(0.9.0)创建条形图。正在使用的Chart.js版本是1.0.2。使用angular-chart.js在条形图中手动设置y轴缩放比例

在我的图表中,不幸的是,值的范围非常广泛。最高值为90,000s,最低值为4s或40s。由于这样一个范围,图表并没有像我想要的那样出现。例如,下面的图表中,最高值是42000和最低值是70。

enter image description here

我想知道是否能够设定Y轴的刻度手动Math.pow值,即将y轴比例设置为10,100,1000,10000,100000等等。通过这种方式,我想我可以在我的图表中正确覆盖这样的高范围数据。

我尝试使用图表选项并像下面那样手动设置比例。但是,使用这个标度变成了0,100,200,300等等。

  $scope.majorOptions = { 
       responsive: false, 
       maintainAspectRatio: true, 
       scaleOverride: true, 
       scaleSteps: 10, 
       scaleStepWidth: Math.pow(10,2), 
       scaleStartValue: 0 
      }; 

是否有任何其他方法可以设置y轴比例为10的幂次?

或者还有什么其他的方法可以让我建议我在图表中捕捉这些高范围值。

谢谢。

回答

相关问题