javascript – 使用angular-chart.js在条形图中手动设置y轴刻度

我正在使用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,200,300等.

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

有没有其他方法可以将y轴刻度设置为10的幂？

或者您是否建议我采用其他方法来捕捉图表中的这些高范围值.

谢谢.

解决方法

尝试使用’type’指定yAxes：’logarithmic’,按照 http://www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration