Chart.js добавляет нежелательные отступы сверху и снизу графика с заполнением, установленным на 0 - PullRequest
Новая
       13

Chart.js добавляет нежелательные отступы сверху и снизу графика с заполнением, установленным на 0

0 голосов
/ 05 мая 2018

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

добавлен код диаграммы ниже: 

let ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
  type: 'pie',
  data: {
    labels: this.strawpoll.answers.filter(data => data.amount > 0).map(data => data.name),
    datasets: [{
      data: this.strawpoll.answers.map(data => data.amount).filter(data => data > 0),
      backgroundColor: this.sliceColor,
      borderColor: this.borderColor,
      hoverBorderColor: this.borderColor,
      borderWidth: 4,
    }]
  },
  options: {
    responsive: true,
    maintainAspectRatio: false,
    legend: {
      display: false,
    },
    layout: {
      padding: {
        left: 0,
        right: 0,
        top: 0,
        bottom: 0
      }
    },
  }
});

1 Ответ

0 голосов
/ 05 мая 2018

Я думаю, что если вы дадите родителю div своей диаграммы желаемые 180x180 пикселей, вы можете добавить к своим опциям 

chartArea: { width: '100%', height: '100%', top: 0}

грц Кевин

...