使用angular-chart.js在條形圖中手動設置y軸刻度

Question

我正在使用angular-chart.js（0.9.0）創建條形圖。 Chart.js的版本是1.0.2。

不幸的是，在我的圖表中，價值范圍非常廣泛。 最高值為90,000s，最低值為4s或40s。 由於這樣的范圍，圖表沒有像我希望的那樣出現。 例如，在下圖中，最高值為42000，最低值為70。

我想知道我們是否可以在Math.pow值中手動設置Y軸的刻度，即將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的冪？

或者您是否建議我采用其他方法來捕捉圖表中的這些高范圍值。

謝謝。

Answer 1

嘗試使用'type'指定yAxes：'logarithmic'，按照http://www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration