Sign in to follow this  
Guest Rajroop

Charting by time?

Recommended Posts

I have a need to show a bar chart that is based on time. Each bar represents a specific exercise and these exercises are measured by how long the user takes to complete them. (Like a 1 mile run for example) Thus, I need to be able to show on the chart 4:32 or :59, etc. whatever the user's time is for the given exercise. The best I have been able to do is to convert these values into a total number of seconds and display the charts that way. The problem is it's hard to get a good idea of the values as well as the charts are kind of upside down :hehe: in that a better effort is shown as a lower bar (less time = smaller bar).

 

 

 

Not sure there's much that can be done about the 2nd issue, but as for showing values in a time format is that something that can be done? I didn't see anything in the support documentation.

 

 

 

Thanks!

 

Pete

Share this post


Link to post
Share on other sites
Guest Rajroop

Hello Pete,

 

 

 

Welcome to the Forum. :)

 

 

 

You could use displayValue attribute and show the time, in the format of your choice, on the side of the respective bars.

 

E.g.

 

<set label='Jan' value='420000' displayValue='Time taken, 4%3A32' showValue='1'/>

 

 

 

P.s.: The %3A is the encoded format for the colon character.

 

 

 

P.p.s: You have to set showValue='0' in the <chart> element, to achieve this effect.

 

 

 

P.p.p.s: The encoding is done for only the dataXML method. The dataURL method works fine without the encoding. :)

 

 

 

I hope this helps. :hehe:

Share this post


Link to post
Share on other sites

Thanks that works great.

 

 

 

One last question: Can I display these labels in white? They are hard to read against my chosen colors for the bars.

 

 

 

oh and I didn't need to encode the colon even though I am using XML. :)

Share this post


Link to post
Share on other sites

Ok, nevermind I figured that out.

 

 

 

I simply added the following to the opening tag:

 

 

 

outCnvBaseFontColor ='000000' BaseFontColor ='FFFFFF'

 

 

 

This kept my outlying font color at black and the inner values white.

 

 

 

Thanks so much for the help, this chart rocks now! :cool:

Edited by Guest

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
Sign in to follow this