使用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

尝试使用＆＃39;类型＆＃39;：＆＃39; logarithmic＆＃39;来指定您的yAxes。根据{{​​3}}