SVG Gauge MeterCanvas SVG
Server Side Language: PHP
Client Side Technology: Canvas SVG
We dynamically managed Gauge meter value in Canvas SVG using PHP.
- Background color: url parameter[Basecolor] this works
- Gauge pointer: url parameter [result] this works
- Gauge Text: url parameter [Hormone] this works
- Gauge High: url parameter [Max] this works
- Gauge Low: url parameter Value [Min] this works
- Gauge gray: The amount of the bottom of the green circle needs to filled with the gray/gradient as the gray value is passed in from 0 – 99
We created SVG Gauge meter for a medical industry client. The only challenge and goal of the project was to dynamically manage the Gauge value.
We used PHP and dynamically managed the meter value through parameters passed.
The client uses the gauge meter in a medical app successfully.