djoshi
Posts: 61
Joined: Fri Mar 26, 2021 5:16 pm

Image onto of solid gauge

Hi

I am creating a solid gauge type of plot.

I would like to place a logo on the top of the gauge in the centre, please see the example image of what I am trying to achieve.

I would prefer to include with highchart instead of externally in HTML
example.png
example.png (16.46 KiB) Viewed 190 times
Attachments
example.png
example.png (16.46 KiB) Viewed 190 times
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Image onto of solid gauge

Hi there!

I have created a simplified demo that shows you how to use our Highcharts.SVGRenderer to add a base64 image (or standard URL) to your chart and responsively change its position to make it 'stick' to the top of the gauge.
Feel free to adjust its position by changing the x, y parameteres!

DEMO: https://jsfiddle.net/BlackLabel/v50ey8pz/
API Reference: https://api.highcharts.com/class-refere ... VGRenderer

Let me know what you think about this solution,
Best regards!
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Usage”