Start and end color not right full circle

[PlippiePlop]

If you have a fixed start and stop color: Green > Red
if graph reached the highest number the color turns to the start color.

I presumed the color goes from green(0%) - orange(50%) - red(100%)

please add 'middle-color' option for better control or steps data color option

fiddle here:
https://jsfiddle.net/ptykooqs/

[Strnadj]

Hi @PlippiePlop kind a busy now, i try to modify that in few hours, but not sure. You are welcome to provide PR :)

[PlippiePlop]

Well since it is very difficult to create a circle with multiple gradients, we could substitute an image (base64) as color-range
or copy arc and place upside down to make complete circle. with 3 or colors:

start-middle (
middle-end )

if (360deg){ 180 + 180 (flip) }

I guess an image is the easier way and has been done before:
https://jsfiddle.net/9huvLma3/

Or complete canvas rendinger:
http://www.nixtu.info/2010/08/html5-canvas-gradients-angular-gradient.html