Диаграмма не центрирована

Question

Когда на моей диаграмме нет загруженных данных, она идеально центрирована и содержится внутри своего элемента, но когда на диаграмме есть данные, диаграмма сдвигается вправо и становится меньше

Мои параметры для диаграммы:

options: {
    responsive: false,
    maintainAspectRatio: false,
    barRoundness: 1,
    scaleShowValues: true,
    scales: {
      xAxes: [
        {
          barThickness: 6,
          stacked: true,
          ticks: {
            autoSkip: false,
            fontSize: 9
          },
          gridLines: { display: false }
        }
      ],
      yAxes: [{ stacked: false, gridLines: { display: false } }]
    },
    legend: {
      display: false
    },
    tooltips: {
      enabled: false
    }
  }

Где я это реализую:

<div v-if="loadedMatch" class="graph mt-2 rounded">
    <newgraph :width="327" :height="312" :bets="this.betsForMatch"
    v-if="loadedBets"
    v-on:barInteracted="onBarInteracted"/>
</div>

Я хочу, чтобы диаграмма заполнила все пустое пространство

Я использую версию Chart.js vue-chart.js.Извините, если я не предоставляю достаточно информации с самого начала.

Answer 1

Это были метки для отметок оси X, которые заставили график идти влево.Так что мне нужно поставить галочку по оси X