Incorrect circular chart size when parent is taller than wider and legend not shown

[meronz]

Description

When using Width = 100% and Height = 100%, and the parent is taller than wider, "circular" charts (such as Pie, Polar Area, etc) are not sized correctly. Not showing the legend also seems to be important when reproducing the issue, as showing the label somehow makes the library calculate the correct size.

I'm willing to triage this issue but since I'm not familiar with the codebase some guidance could be helpful.

Steps to Reproduce

1. Create a parent div with width: 500px and height: 600px
2. Create a chart inside the parent container with the following options

     var options = {
        series: newSeries,
        chart: {
          width: "100%",
          height: "100%",
          type: 'pie',
        },
        labels: newLabels,
        legend: { show: false },
      }

3. Render the chart

Expected Behavior

The chart is centered and it is not clipped on the left and right side

Actual Behavior

The chart is wider than the parent and so it is clipped on the left and right sides.

Screenshots

Reproduction Link

https://codepen.io/meronz/pen/qBwxOOY