title: Half donut chart with apexcharts
body: <p>I am trying to make half donut chart with multiple data as following picture using <code>apexcharts</code>
  <a href="https://i.stack.imgur.com/B7m3F.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B7m3F.png" alt="enter image description here" /></a></p>
  <p>So far I only found <code>Semi Circle Gauge</code> with single data as in their <a href="https://apexcharts.com/javascript-chart-demos/radialbar-charts/semi-circle-gauge/" rel="nofollow noreferrer">documentation</a>, and when I insert more data into <code>series</code> , it doesn't come out as I want. Is there any ways to achieve this ? You can see my code sandbox sample <a href="https://codesandbox.io/s/apex-charts-sgbjf?file=/src/App.js" rel="nofollow noreferrer">here</a></p>