Как в chart.js сделать линию до середины графика?

Question

[kr_ilya]

В документации ничего толкового не нашёл. По стандарту в линейном графике вторая и последняя точка всегда приходится на правую сторону графика. Как сделать чтобы было например какое-то максимальное значение по оси X и если точки меньше этого значения, то они были до правого края графика, тобишь где-то в его плоскости.

Есть


Должно быть

Comments

[Анатолий]

Что мешает вручную определить max значение для ticks установив его удвоенным от максимального значения в данных, грубо говоря?

[kr_ilya]

Анатолий, я пробовал, не особо работает

[Анатолий]

Energy2,

ticks: {
              min: 1,
              max: 10000,
              stepSize: 10,
              display: false,
            }

...

var float = parseFloat(2000); // максимальное значение
    var i = 0;
    var now = 0;
    for (let y = 0; y < 5000; y+=5) {
      this.chart.data.labels.push(y)
    }
    var animateInterval = setInterval(async() => {
        i+=5;
        now = parseFloat(Math.pow(Math.E, 0.00006*i*1000/20));
        let crashed = false;
        if(now > float) {
            clearInterval(animateInterval);
            now = float;
            crashed = true;
        }
    this.chart.data.datasets[0].data.push(now);
    this.chart.options.scales.yAxes[0].ticks.max = Math.max(2, now);
    this.chart.update();

Answer 1

[kr_ilya]