Некоторые столбцы гистограммы исчезают из Chart.js

Question

Я пытаюсь создать график, используя Chart.js, я делаю гистограмму, и, просто добавляя некоторые данные, некоторые из этих баров исчезают.Я понял, что это ИНОГДА происходит, когда я помещаю равные значения в поля даты.Кто-нибудь может мне помочь?Пожалуйста?

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
      labels: ["Janeiro", "Fevereiro", "Março", "Abril"],
      datasets: [
          {
              label: "Indicados",
              yAxisID: 'yAxis1',
              backgroundColor: "#56D9FE",
              data: [5,3,3,4]
          },
          {
              label: "Instalados",
              yAxisID: 'yAxis1',
              backgroundColor: "#5FE3A1",
              data: [3,4,6,4]
          },
          {
              label: "Vendas",
              yAxisID: 'yAxis2',
              backgroundColor: "#A3A0FB",
              data: [50, 45, 80, 60]
          },
          {
              label: "Bônus",
              yAxisID: 'yAxis2',
              backgroundColor: "#FEC163",
              data: [30, 10, 25, 35],
          }
      ]
    },
    options: {
      responsive: true, //responsividade
      maintainAspectRatio: true,
      lineWidth: 0.1,
      aspectRatio: 3, //tamanho
      legend: {
        display: true,
        position: 'bottom' // Posição das legendas
      },
      scales: {
          yAxes: [
              {
                  id: 'yAxis1',
                  position: 'left'
              },
              {
                  id: 'yAxis2',
                  position: 'right'
              }
          ]
      }
    }

  });

Это глючная диаграмма

Answer 1

Вам не нужно указывать yAxis для наборов данных (это будет хорошим способом сделать то, что вы сделали, если у вас есть только 2 набора данных), это будет в любом случае, вы добавляете данные в yAxis в случае, если вы создаетевертикальная диаграмма, это только перезаписывает ваши данные в этом случае.Удалите yAxisID: 'yAxis1' и yAxisID: 'yAxis2' из наборов данных.Это будет работать.

То, что вам нужно:

   ticks: {
       max: 80,
       min: 0
   }

Добавьте это к своему конфу yAxis, оно будет выглядеть так:

scales: {
      yAxes: [
          {
              id: 'yAxis1',
              position: 'left',
              ticks: {
                  max: 80,
                  min: 0
              }
          },
          {
              id: 'yAxis2',
              position: 'right',
              ticks: {
                  max: 80,
                  min: 0
              }
          }
      ]
  }