vue2 Semi Donut Chart: strange padding left

[MizuBishi]

Hi, I have strange padding left on my vue2 chart - used the Semi Donut Chart Example:

I checked this issue Make Chart Margins and Padding Optional/Adjustable but still got the problem (padding-left: 0).

      series: [0, 0, 0, 0],
      chartOptions: {
        grid: {
          show: false,
          padding: {
            left: 0,
            right: 0,
          },
        },
        tooltip: {
          enabled: false,
        },
        states: {
          normal: {
            filter: {
              type: 'none',
            },
          },
          hover: {
            filter: {
              type: 'none',
            },
          },
          active: {
            filter: {
              type: 'none',
            },
          },
        },
        colors: ['#CCD7E2', '#00376E', '#8CCDE1', '#E5E3D3'],
        legend: {
          show: false,
        },
        dataLabels: {
          enabled: false,
        },
        chart: {
          type: 'donut',
          toolbar: {
            show: false,
          },
          sparkline: {
            enabled: true,
          },
        },
        plotOptions: {
          pie: {
            expandOnClick: false,
            startAngle: -180,
            endAngle: 0.00000000001,
          },
        },
      },

Thank you so much for your work and I hope somebody has a solution for this problem!