bushra.hayat1
Posts: 2
Joined: Mon Jul 19, 2021 8:28 am

Highcharts Radical chart min, max and current value plot

Hello,
I want to create a gauge chart of the type attached where min, max and current value is displayed. The grey area represents min and max value whereas the black dot represents a value that could overlap with min ,max or with in the range. Please guide me through how this graph will be created. Whether it will be a gauge chart or a radical bar chart.
Attachments
Charts.PNG
Charts.PNG (221.81 KiB) Viewed 221 times
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Highcharts Radical chart min, max and current value plot

Hi,
Welcome to our forum and thanks for contacting us with your question.

I would start with this demo:
https://jsfiddle.net/BlackLabel/8dg4hk3n/

About the black dot and gray area, I think the best idea will be use render by SVGRenderer and updated it when data will be change.
Here is a topic describing this solution: viewtopic.php?t=36765

API References:
https://api.highcharts.com/class-refere ... VGRenderer

Let me know how are you going with this.
Best regards.
Sebastian Hajdus
Highcharts Developer
bushra.hayat1
Posts: 2
Joined: Mon Jul 19, 2021 8:28 am

Re: Highcharts Radical chart min, max and current value plot

Hello,
Thank you for your reply. I will look into this and let you know if i need your assistance any further.
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Highcharts Radical chart min, max and current value plot

Hi,
Sure, you can reach me any time.

Regards!
Sebastian Hajdus
Highcharts Developer

Return to “Highcharts Stock”