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

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