установить масштаб оси Y вручную на гистограмме с помощью angular-chart.js

Я создаю гистограмму с помощью angular-chart.js (0.9.0). Используемая версия Chart.js - 1.0.2.

В моем графике, к сожалению, диапазон значений очень широк. Наивысшее значение составляет 90 000 с, а наименьшее - 4 или 40 с. Из-за такого диапазона диаграмма отображается не так, как мне хотелось бы. Например, на диаграмме ниже максимальное значение - 42000, а минимальное - 70.

введите описание изображения здесь

Мне интересно, можем ли мы вручную установить масштабы оси Y в значениях Math.pow, то есть установить масштаб оси 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?

Или есть ли какой-либо другой подход, который вы могли бы предложить мне, чтобы зафиксировать эти значения высокого диапазона в моей диаграмме.

Спасибо.


person Yash Kapila    schedule 15.07.2016    source источник


Ответы (1)


Попробуйте указать свои yAxes с помощью 'type': 'logarithmic' согласно http://www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration

person Glenn Barnett    schedule 07.02.2018