dashArray option not functioning correct

[muhamed87]

I'm currently working with the apex chart library in a project and I have to use the Semi Circle Gauge and I added the configuration for the chart as following

this.chartOptions = {
      series: [76],
      chart: {
        type: "radialBar",
        offsetY: -20,
      },
      plotOptions: {
        radialBar: {
          startAngle: -90,
          endAngle: 90,
          track: {
            background: "#EEEEEE",
            margin: 5, // margin is in pixels
            dropShadow: {
              enabled: true,
              top: 2,
              left: 0,
              opacity: 0.31,
              blur: 2
            }
          },
          dataLabels: {
            name: {
              show: false
            },
            value: {
              offsetY: -2,
              fontSize: "1rem"
            }
          },
          hollow: {
            size: "80%"
          }
        }
      },
      stroke: {
        colors: ["#FF0000"],
        lineCap: "round",
        dashArray: [30, 10]
      },
      labels: ["Average Results"]
    };

But the dashArray appears from the inspect that it apply the first number of the array only

What should I do? I fixed the UI using the CSS which is not the best solution as it should be handled through the configuration of the chart

[muhamed87]

Any updates on this?