HIghcharts - グラフの幅が親コンテナのサイズではない

Question

なぜ私はthat chartがコンテナよりも広いのか理解しようとしています。私は、幅を完全に取り除くと、for the first screenshotとし、次に幅を設定することに気づいた：次の100％。しかし、私はこのスタイルを強制することはできませんし、これは正しい方法ではないと思います。

私のグラフの設定は次のとおりです。それ以外は、私は他のCSSを使用していません。

var chart = new Highcharts.Chart({ 
      chart: { 
      renderTo: 'container10', 
      type: 'line', 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false, 
      spacingRight: 5, 
      height: 370, 
      width: 770 
      }, 
      title: { 
      text: 'Database volume' 
      }, 
      colors:['#229369', '#00526F'], 
      xAxis: { 
      categories: catValues 
      }, 
      yAxis: [{ 
      title: { 
       text: 'Table size in MB' 
      }, 
      labels: { 
       style: { 
        color: '#229369' 
       } 
      } 
      }, 
      { 
      title: { 
       text: 'Index size in MB' 
      }, 
      labels: { 
       style: { 
        color: '#00526F' 
       } 
      }, 
      opposite: true 
      }], 
      tooltip: { 
       valueSuffix: ' MB' 
      }, 
      plotOptions: { 
      line: { 
       dataLabels: { 
       enabled: true 
       }, 
       enableMouseTracking: true 
      } 
      }, 
      series: [{ 
      name: 'Table', 
      data: series1, 
      }, { 
      name: 'Index', 
      yAxis: 1, 
      data: series2 
      }] 
     }); 

Answer 1

これが正しい修正方法であるかどうかはわかりませんが、うまくいくようです。グラフのディレクティブのコンテナの幅を設定します。

.chart-wrapper { 
    width: 99%; 
} 

は、次にディレクティブコードonDataLoadedまたはwindowResizedに私はこれを呼び出す：

function resize() { 
    height = chart.height; 
    width = $(".chart-wrapper").width(); 
    chart.setSize(width, height, doAnimation = false); 
}