JavaScript charts Flex charts WPF & Silverlight charts Flash maps Flex maps
amCharts the best javascript charts *
Home Home
Products Products
Download Download
Buy Buy
FAQ FAQ
Documentation Documentation
Support forum Support forum

2007-08-06 Column chart 1.2.0 - rotate axes' labels by any degree

A lot of people requested this feature, and finally I found an easy way to do it. here is the example:

http://www.amcharts.com/column/

In this example x axis labels are rotated by 45 degrees - this increases readability.

The only thing which has changed in settings file is that now, instead of "true" or "false" you can set degrees for "rotate" value:

<values>
   <category>
     <rotate>45</rotated>

"true" will work as 90, so you don't need to change anything if you want to keep old behavior.

How everything works:

If the rotation degree is not 0 or 90, chart will look for a font_name.swf in your path/fonts/ folder (notice that this folder is in the package now, all file names must be in lowercase). I added four most popular fonts: Arial, Tahoma, Garamond, Times New Roman. This means, that if you are using different font, you must create new swf yourself.

The swf files embedded in the package has only standard Latin letters, numbers and punctuation embedded. If you want to use Cyrillic, Japanese or any other special characters, you must create a new swf file with all  required symbols embedded.

Creating your font swf file
1. Open arial.fla file
2. Double click on the square movie on the stage, select text field inside this movie
3. You must see the following picture (click to enlarge):

4. Click on font field (1) and select your desired font
5. click on Embed button (2) and select which characters to embed
6. save the file, with the same as your font name and publish it
7. do not forget to upload the swf file to your path/fonts folder on the web

That's it!

I will add the same features to Line and XY chart soon.

Regards,

Antanas


amCharts for WPF RSS feed Subscribe to our RSS feed to be notified about new releases and updates.
<< Previous | Next >>
© amCharts | About us | Contact and feedback: info@amcharts.com Subscribe to amcharts news feed by e-mail or RSS reader Follow amCharts on Twitter * many people say so ;)