如何使D3仪表图响应？

Question

有人可以帮助我调整d3仪表图的大小吗？ 这是Stackblitz代码。

我尝试过

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

和

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

Answer 1

请修改您的render（）并添加

        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')