title: highchart not displaying at the center of screen in ionic 5
body: <p>I need to implement highchart to my ionic 5 project. For this I followed
  <a href="https://enappd.com/blog/adding-charts-in-ionic-4-apps-and-pwa-part-3/60/" rel="nofollow noreferrer">https://enappd.com/blog/adding-charts-in-ionic-4-apps-and-pwa-part-3/60/</a> this tutorial. However my chart is not displaying at the center of the screen. I havent done anything apart from what is given in the tutorial. Please see the images attached.</p>
  <p>My codes:</p>
  <p>HTML:</p>
  <pre><code>&lt;div id=&quot;container&quot; style=&quot;max-width:100%;&quot; &gt;&lt;/div&gt;
  </code></pre>
  <p>TS:</p>
  <pre><code>charts(){
  myChart = HighCharts.chart({
    chart: {
      renderTo: 'container',
    },
    title: {
      text: 'Fruit Consumption',
      align: 'left',
    },
    xAxis: {
      categories: ['Apples', 'Bananas', 'Oranges'],
    },
    legend:{
      enabled: true,
      align: 'left',
    },
    yAxis: {
      title: {
        text: 'Fruit eaten'
      }
    },
    series: [
      {
        type: 'spline',
        name: 'Jane',
        data: [-1, 0, 4]
      }, 
      {
        type: 'spline',
        name: 'John',
        data: [1, 2, 3]
      }
    ]
  });
  </code></pre>
  <p>}</p>
  <p><a href="https://i.stack.imgur.com/BWFMy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BWFMy.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/dyonQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dyonQ.png" alt="enter image description here" /></a></p>