title: How to remove background from Gauge component from Ant Design Charts?
body: <p>I am using <code>&lt;Gauge /&gt;</code> component from <code>@ant-design/plots</code>
  link to docs: <a href="https://charts.ant.design/en/examples/progress-plots/gauge#meter-gauge" rel="nofollow noreferrer">https://charts.ant.design/en/examples/progress-plots/gauge#meter-gauge</a>
  There are white strips visible between meter divisions, I tried background-color: transparent which didn't worked.
  How to remove those strips.</p>
  <p><a href="https://i.stack.imgur.com/970UF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/970UF.png" alt="Gauge from antd with white strips" /></a></p>
  <p>code:</p>
  <pre><code> const config = {
      percent: 0.75,
      type: 'meter',
      innerRadius: 0.75,
      range: {
        ticks: [4 / 5, 1],
        color: ['#49a6b6', '#a05f97'],
      },
      style: { backgroundColor: 'transparent' },
      indicator: {
        pointer: {
          style: {
            stroke: '#D0D0D0',
          },
        },
        pin: {
          style: {
            stroke: '#D0D0D0',
          },
        },
      },
      statistic: {
        content: {
          style: {
            fontSize: '36px',
            lineHeight: '36px',
          },
        },
      },
    }
  return(&lt;Gauge {...config} /&gt;);
  </code></pre>