Search code examples
chartsapexcharts

Half donut chart with apexcharts


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


Solution

  • 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