Gauge Chart Customization

[snagar]

We are using Fusion Charts and want to build something similar to the chart attached.

 

Could you please give any pointer on how this can be customized.

we are facing following issues in a  normal gauge chart customization.

 

The approach we are taking is using a gauge chart and dividing the color range in two just two range values one showing the completed and the other to be achieved one.  To update chart we can re-render with the updated color range values.

 

1.  Not able to hide the dial.

2. Not able to add text with value on dial.

3. Not able to add text inside the gauge.

 

 

[Moonmi Sonowal]

Hi,

 

Would like to respond to the queries accordingly.

 

1. Not able to hide the dial.

--> I had set the alpha as 0 for the dial as for angular Gauge , it not possible to remove the dial.

 

2. Not able to add text with value on dial.

--> Added custom text using macros.

 

3. Not able to add text inside the gauge.

--> Please refer the fiddle below.

 

Fiddle: http://jsfiddle.net/ymkxp00k/

 

Hope this helps.

 

Thanks.