Half donut chart with apexcharts

Viewed 1465

I am trying to make half donut chart with multiple data as following picture using apexcharts enter image description here

So far I only found Semi Circle Gauge with single data as in their documentation, and when I insert more data into series , it doesn't come out as I want. Is there any ways to achieve this ? You can see my code sandbox sample here

1 Answers

You have to change the angles as shown below to create a semi donut

plotOptions: {
  pie: {
    startAngle: -90,
    endAngle: 90
  }
}

apexcharts-semi-donut

This feature is available since v3.22.2

Related