vijaygudla
Posts: 93
Joined: Wed Sep 04, 2013 10:26 am

Solid Gauge Chart Losing Color Grading while Increase/Decrease size

Hi Team,

I have created solidgauge chart . When we are decreasing/increasing the chart div, Color gradient is losing. Please help us to
identify the issue.

Below Fiddler Example

http://jsfiddle.net/bnprt3uh/
Attachments
GuageChart-Issue.png
GuageChart-Issue.png (30.2 KiB) Viewed 432 times
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Solid Gauge Chart Losing Color Grading while Increase/Decrease size

Hello vijaygudla,
Thank you for contacting us with your issue.

You have incorrectly defined a linearGradient property.

Code: Select all

linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 }
linearGradient property defines the start position (x1, y1) and the end position (x2, y2) relative to the shape, where 0 is top/left and 1 is bottom/right.

You can read article about styling your Highcharts here: https://www.highcharts.com/docs/chart-d ... yle/colors

Demo: http://jsfiddle.net/BlackLabel/sbqro6d0/

Let me know if you have any further questions!
Regards!
Hubert Kozik
Highcharts Developer
vijaygudla
Posts: 93
Joined: Wed Sep 04, 2013 10:26 am

Re: Solid Gauge Chart Losing Color Grading while Increase/Decrease size

Thanks for you quick response . it resolved my issue.
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Solid Gauge Chart Losing Color Grading while Increase/Decrease size

You're welcome! In case of any further questions, feel free to contact us again.
Hubert Kozik
Highcharts Developer

Return to “Highcharts Usage”