2016-07-15 88 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的冪次?

或者還有什麼其他的方法可以讓我建議我在圖表中捕捉這些高範圍值。

謝謝。

回答

相關問題