在Angularjs中，Highchart的宽度和高度如何响应？

我正在使用Highcharts绘制条形图，但它的宽度根本没有响应，就像这样，它在普通窗口上，这在1800*宽度窗口上，我如何使它响应， 这是我的密码

               barchart(){
               //console.log(passinggroupdata);
                  //bar charts section



   this.chart = new Chart({
    // colors: ['#f8e367','#e18197','#93ccce'],
     chart: {
       //height: 200,
       width: 360,
      renderTo: 'chartcontainer',
       type: 'bar',
       plotBorderWidth: 1,
       margin: [30, 30, 60, 75]
   },

   title: {
       text: ''
   },
   xAxis: {
       categories: ['Company', 'Competitor', 'Industry']
   },
   yAxis: {
       min: 0,
       title: {
           text: ''
       }
   },
   legend: {
       reversed: true
   },


   plotOptions: {
       series: {
           stacking: 'pointer',
           point: {
            events: {
                click: function(e){
                   const p = e.point
                   this.getChartsData(p.category,p.series.name);
                   //alert(p.category);
                   //alert(p.series.name);
                }.bind(this)
            }
        }
       }
   }, 

---

`

只需删除

chart.width=360

。默认情况下，Highcharts使用100%的容器。检查演示：移除后，它脱离了框架并溢出，您是否可以以某种方式复制它？也许图表容器溢出了父容器，图表占据了它的100%？我用它来控制它的高度，否则它的高度会溢出。请准备一个关于这个问题的简化演示。我不知道这些课程实际上做什么。