Raymond Camden's ColdFusion Blog: Ask a Jedi: Another Chart Question

Ask a Jedi: Another Chart Question

Woohoo! I love these chart questions. I guess I'm a chart geek. Randy asks:

Is there a way for the bottom labels on a cfchart to show vertically on the graph instead of horizontal.

I bet folks know what I'm going to say. Once again, the built in chart editor comes in handy. This one was pretty simple - I just changed the XAxis/Style/Label/Orientation setting to Vertical. I grabbed the XML and edited it like so:

view plain print about

<frameChart>
<xAxis>
<labelStyle orientation="Vertical"/>
</xAxis>
</frameChart>

1  <frameChart>
2  <xAxis>
3  <labelStyle orientation="Vertical"/>
4  </xAxis>
5  </frameChart>

Passing this to my chart resulted in the following:

And for comparison's sake, here is horizontal:

You also have options for Slanted and Parallel. Parallel looked mostly like Horizontal, but here is an example of Slanted:

This entry was posted on Friday, February 15, 2008 at 9:28 AM. It was filed in the following categories: ColdFusion. It has been viewed 2,874 times and has 13 comments.

TweetBacks

Comments

[Add Comment] [Subscribe to Comments]

Comment 1 written by Tom Chiverton on 15 February 2008, at 10:04 AM

"the built in chart editor"
That's the second time you've said that, but I'm not sure what it's meant to be built into...
Comment 2 written by Raymond Camden on 15 February 2008, at 10:11 AM

In your CF install folder, go to the charting folder and run webcharts.bat.
Comment 3 written by Tom Chiverton on 15 February 2008, at 10:31 AM

Ahh, Linux guy walking, so it's at /opt/coldfusion8/charting/webcharts.sh

That's very cool. Is it documented anywhere ?
Comment 4 written by Raymond Camden on 15 February 2008, at 10:34 AM

I believe so. It doesn't run at all on my Mac, so I use my Windows box when I play with it.
Comment 5 written by Tucson Web Design on 15 February 2008, at 8:21 PM

Thanks, I have been looking for this information all day! I love cfchart!!
Comment 6 written by Andrew on 16 February 2008, at 7:07 AM

If you don't want to mess with webcharts you can create an xml file with all of your chart styles defines and then use the style attribute of the cfchart tag to point to your xml file. This gives you the option of applying specific styles to specific types of charts within your app.
Comment 7 written by Derek on 28 April 2008, at 4:31 PM

I assume that chaning the webcharts.bat impacts all of the charts that are generated on the server. Is there a way to just control the orientation of the labels within my app so as not to affect the orientation for other developers on the server? I saw reference to creating XML file referenced through the style attribute in cfchart, but not really sure how to do that.
Comment 8 written by Raymond Camden on 28 April 2008, at 4:41 PM

Derek, you are incorrect. You never change webcharts.bat. You _run_ it. This runs a program that lets you generate an XML file you can pass to cfchart.
Comment 9 written by Derek on 28 April 2008, at 4:44 PM

Thanks for the clarification. I think that I just found what you are talking about. Is there any place that I can find some steps to help this newbie succeed?
Comment 10 written by Raymond Camden on 28 April 2008, at 4:46 PM

If you search my blog for cfchart, I don't have a guide per se, but I have a lot of examples. Also google around for Tim Buntel's blog as he did a simply entry _just_ on this topic.
Comment 11 written by CfL00zer on 15 May 2009, at 11:03 AM

I wonder if anybody has this issue:
I have added Yaxis title, it works fine for 2 bars, but the third bar shows to yaxis title in popup.

your help be apreciated
Comment 12 written by CfL00zer on 15 May 2009, at 11:09 AM

To Raymond Camden
in spot light type: wc50.jar, click on it, the web chart should load same as PC.
Comment 13 written by Raymond Camden on 15 May 2009, at 11:12 AM

@CfLoozer- yep, I realize that now. No longer using RDP to hit Windows to run the chart editor.

@CfLoozer - got a screen shot or a reproducable case?