fwilson

Hlineargauge To Appear As A Bar Chart

Recommended Posts

FusionCharts are great!

 

However, I'm trying to do something and have not been able to fugure out how.

 

I'm using HLinearGauge in several places on dashboard pages and it is working well. However would like to also use it and make it look like a bar chart in certain instances. As example...

 

This looks and works fine...

post-24072-0-66378600-1322676316_thumb.png

 

I want to remove the section on the right...

post-24072-0-67285700-1322676346_thumb.png

 

To look like this...

post-24072-0-86321600-1322676359_thumb.png

 

Is that possible and if so, how would I do it? I really need to stick with the HLinearGauge Widget if at all possible, I've tried using the Charts Bar2D but have not been able to get all the surrounding information to display as desired.

 

Any and all help/advices/suggestions would be greatly appreciated!

Share this post


Link to post
Share on other sites
Guest Bindhu

Hi,

 

As a work-around you can try setting the "code" and "borderColor" attributes of the color tag, to the match the background color along with borderAlpha set to 0 and the "showShadow" attribute of the chart set to '0', to get the chart something similar to the second picture.

Something like this,

<colorRange>

<color minValue='0' maxValue='64' code='8BBA00'/>

<color minValue='64' maxValue='100' code='FFFAFA' borderColor='FFFAFA' borderAlpha='0'/>

</colorRange>

 

Hope this helps!!

Edited by Bindhu

Share this post


Link to post
Share on other sites

Thanks for the reply!

 

I have actually figured out a workaround already... and it looks exactly like my 3rd picture above.

 

<chart bgColor='FFFFFF' showBorder='0' lowerLimit='0' upperLimit='100' minorTMNumber='0' palette='0' numberSuffix=''

chartLeftMargin='10' chartRightMargin='10' placeValuesInside='0' tickValueStep='101'

showTickMarks='0' showTickValues='1' ticksBelowGauge='0'

showGaugeBorder='0' showShadow='0' gaugeFillMix=''

lowerLimitDisplay=' ' upperLimitDisplay=' '>

<colorRange>

<color minValue='0' maxValue='64' code='8BBA00' label='64%'/>

<color minValue='64' maxValue='100' code='FFFFFF'/>

</colorRange>

 

However, being a FusionCharts "newbie" perhaps your way is better?

Share this post


Link to post
Share on other sites
Guest Bindhu

Hi fwilson,

 

Glad to know that the issue has been resolved :)

 

Well, you have 2 options now, you can choose between them !!

 

Happy FusionCharting !!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now