Диаграмма JS Маркировка по оси Y

Question

Я работал над графиком, используя chartjs, который показывает продолжительность тренировок на каждый день. Так как у оси x есть даты, а у оси y - продолжительность, у набора данных будут значения Максимальная продолжительность - 1,30, а минимум - 0,00. Я хочуПо оси Y отображаются метки, такие как 0,00,0,10,0,20 ..., 1,20,1,30.

. Я могу показать график с метками .1, .2 ... 1.3.и код приведен ниже.

Я мог бы показать график с метками .1, .2 ..1.3.и код приведен ниже.

              var options = {
                type: 'line',
                data: {
                    labels: newDates.split(','),datasets: [{
                        label: 'Time',
                        data: newDuration.split(','),
                        borderWidth: 1,
                        fill: false,
                        borderColor: "#fff"
                    }]
                },
                options: {
                    responsive: true,
              maintainAspectRatio: false,
                        title: {
                            display: true,
                        },
                  legend: {
                        display: false
                    },
                    scales: {
                        yAxes: [{
                    ticks: {
                      beginAtZero: true,
                      suggestedMax: 1.30,
                      stepSize: .10,
                      fontColor: 'rgba(255, 255, 255)' // makes grid lines from y axis red
                   },
                            gridLines: {
                            color: 'rgba(255, 255, 255, 0.2)' // makes grid lines from y axis red
                            }
                        }],
                        xAxes: [{
                  ticks: {
                    beginAtZero: true,
                     fontColor: 'rgba(255, 255, 255)' // makes grid lines from y axis red

                 },
                            gridLines: {
                                display:false
                            }
                        }]
                    }
                }
            }

            var ctx = document.getElementById('chartJSContainer').getContext('2d');
            new Chart(ctx, options);

Ожидаемый результат:

ось y для обозначения меток 0 0,10 0,20 0,30 ... 1,20, 1,30

Answer 1

scales: {
    yAxes: [{
        ticks: {
            callback: function (tickValue, index, ticks) {
                return Number(tickValue)
                    .toFixed(2);
            }
        }
    }]
}

Эта функция обратного вызова является решением.

Answer 2

Изменить это

yAxes: [{
    ticks: {
       precision: 2
    }
}],