带 apexcharts 的半圆环图

Question

我正在尝试使用 apexcharts 制作具有多个数据的半圆环图，如下图所示

到目前为止，我只发现 Semi Circle Gauge 具有单一数据，如他们的 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

Answer 1

您必须如下图所示更改角度才能创建半甜甜圈

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

此功能自 v3.22.2 起可用

带 apexcharts 的半圆环图

Half donut chart with apexcharts

charts

apexcharts