Angular 7中d3js折线图的响应性问题

Question

我已经在angular 7中实现了D3js版本5.9，在调整浏览器窗口大小时面临响应性问题。请检查提供的示例代码。

我们提供了svg的width（500）和height（350）的硬编码值，并且导致移动设备出现问题。我试图使用BreakpointObserver和媒体查询解决此问题。但没有运气。

    import * as d3 from 'd3';
    export class LineChartComponent implements OnInit{

    ngOnInit(){
    drawGraph();
    }
   drawGraph(){
   initChart();
   drawAxe();
   drawScale();
   }
   initChart(){
   svgDimension = { width: 500, height: 350};
   }

我希望图表应该对浏览器的大小有所响应。