@Evelate

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

фото
5ce198943ba1c634064480.jpeg
5ce19898da223043079379.jpeg


Код
<script>

    function randomInteger(min, max) {
        var rand = min - 0.5 + Math.random() * (max - min + 1)
        rand = Math.round(rand);
        return rand;
    }


function gameCounter (){
    var a = [];

    for (var s = 0; s < 10; s++){
        a[s] = s+1;
    }

    return a;
};


function objectWithLine (nameTheory, massWinLoss){
  function colorLine (){
      var string1 = 'rgba(';
      var string2 = ')';
      var c1 = randomInteger(1, 255);
      var c2 = randomInteger(1, 255);
      var c3 = randomInteger(1, 255);
      var c4 = randomInteger(1, 255);

      var END = [];

      return END[0] = string1 + c1 + ',' + c2 + ',' + c3 + ',' + c4 + string2;
  };

  var b = {
      label: nameTheory,
      data: massWinLoss,
      borderColor:
          colorLine(),
      borderWidth: 1,
  };
  return b;
};

function massObjectWithLine(endCounter) {
    var a = [];

    for (var s = 0; s < endCounter; s++){
        a[s] = objectWithLine(s, [randomInteger(1, 10), randomInteger(s, s+10), randomInteger(s-4, s+10), 15, randomInteger(s+15, s+30) ])
    };

    return a;
}



var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: gameCounter(),
        datasets: massObjectWithLine(300)
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        },
    }
});
</script>


1) Сейчас график динамический, хотелось бы найти решение, чтобы он был по высоте фиксированный и с полосой прокрутки в ширину.
2) также надо бы убрать под спойлер labels, ибо линий будет тьма и они будут мешать, ну или хотя бы сделать прокрутку по вертикале, просто по стандарту она не всегда появляется
  • Вопрос задан
  • 389 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Evelate Автор вопроса
Если кому-то понадобится в будущем, то на первый вопрос я нашел решение:

options: {
responsive: false,
}

Далее начинают работать атрибуты ширины и высоты в canvas :

Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы