How to Create a Custom Highcharts Gauge Chart with Custom Shape and Values?

I am working on a project where I need to create a custom gauge chart using Highcharts. I want to customize the gauge’s appearance by altering the shape of the chart and dynamically adjusting the values displayed.

Here are the specific requirements:

Custom shape for the gauge, different from the standard circular gauge (e.g., rectangular, circular with unique segments, etc.). Custom value range and display, where the gauge shows values according to a predefined range. The chart should have custom labels and ticks, with the ability to modify their position and style. I will also be attaching an image as a reference to help illustrate the desired appearance and behavior of the chart.

Can anyone guide me on how to achieve this? A code example or a detailed explanation would be greatly appreciated!

Continue reading...