Gradient Color in Gauge & Position Label about react-svg-gauge HOT 4 CLOSED

Hi!

You probably have to fork the component for these things.

Documentation on an SVG gradient can be found here: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Gradients . Add some extra gradient-settings to the <defs> section in the render-method, apply that to the path and you should be fine.

The position of the value can be retrieved by looking at the _getPathValues-method. When you pass your value, the result Xo / Yo / Xi / Yi (X and Y in inner / outer coordinates.). You may want to look at http://justgage.com/examples/pointer.html for inspiration!

from react-svg-gauge.

Tim,

I have made progress after changing the code a bit. Now I can see gradient and get the value coordinates. I can create a fork for that. But is it possible if I use my fork for using in a project? I would like to use your package in my project but customized. I mean I want to add it in package.json. So, what do you think I should do as it is your code originally.

Regards,
Haider

from react-svg-gauge.

Haider,

Feel free to copy, paste and adjust the source as you need in your own project.

Regards

Tim

from react-svg-gauge.

Thanks, Tim

from react-svg-gauge.