highcharts solidgauge reverse angle direction

Question

So I have this solidgauge with options:

{
  pane: {
    startAngle: 0,
    endAngle: 360,
  },
}

But I want to add an option to have the gauge the other way round, so I went for:

{
  pane: {
    startAngle: this.inversed ? 360 : 0,
    endAngle: this.inversed ? 0 : 360,
  }
}

With this.inversed set to true, the animation goes well, but unfortunately, at the end I get an error:

Error:  attribute height: A negative value is not valid. ("-298.45130209103036")

It feels like a bug because I don't change anything else.

Can someone help me on reversing the angle direction of my solidgauge?

Cheers

user_10601917 · Answer

I've reported a bug, which you can track here: https://github.com/highcharts/highcharts/issues/17361

As a temporary solution you can switch to the last working Highcharts version - 9.2.2 or set series.clip to false, which solves the problem of disappearing pane.

Demo: https://jsfiddle.net/BlackLabel/o53r01ce/

highcharts solidgauge reverse angle direction

1 Answers