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

Question

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

不幸的是，在我的图表中，值的范围非常广泛。最高值在 90,000 秒，最低值在 4 秒或 40 秒。由于这样的范围，图表并没有像我希望的那样出现。例如，在下图中，最高值为 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

尝试按照http://www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration指定您的 yAxes 'type': 'logarithmic'