首页 文章

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

提问于
浏览
4

我正在使用angular-chart.js(0.9.0)创建条形图 . Chart.js的版本是1.0.2 .

不幸的是,在我的图表中, Value 范围非常广泛 . 最高值为90,000s,最低值为4s或40s . 由于这样的范围,图表没有像我希望的那样出现 . 例如,在下图中,最高值为42000,最低值为70 .

enter image description here

我想知道我们是否可以在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的幂?

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

谢谢 .

1 回答

相关问题