Как сделать диаграмму калибровки d3 отзывчивой?

Question

Может кто-нибудь помочь мне изменить размер диаграммы d3?Вот код Stackblitz .

Я пробовал,

.attr("preserveAspectRatio", "xMinYMin meet")

и

window.addEventListener("resize", this.draw);

Answer 1

Пожалуйста, измените ваш рендер () и добавьте

        svg = d3.select(container)
      .append('svg')
      .attr('class', 'gauge')
      .attr('width', '100%')
      .attr('height', '100%')
      .attr('viewBox', '0' + ' ' + '0'+ ' ' + config.clipWidth + ' ' + config.clipHeight)
     .attr('preserveAspectRatio', 'xMinYMin')