amCharts & amMap blog

A lot of users requested these features and here they are - since column chart v 1.1.7.

Gradient fills
Columns and bars can be filled with vertical or horizontal gradients, check these examples:

http://www.amcharts.com/column/chart-with-gradient-fills/
http://www.amcharts.com/column/floating-chart/

You can use a lot of colors to create fancy gradients.

To create gradient, in your graph node you should add:

<gradient_fill_colors>#000000,#FF0000</gradient_fill_colors>

Or you can add the same attribute in data file:

<graph gid="0" gradient_fill_colors="#FFFFFF,#BEDF66">

To define gradient direction, in your settings file, add a child node for <column> node:

<gradient>horizontal</gradient>

Default direction is vertical, so it is not necessarily to add this line if it is OK for you.

Check 4, 5 or 9 examples in the package.

Custom series’ background colors
You can set different colors for some of your series, here are two examples:

http://www.amcharts.com/lib/amcolumn/auto-resizing-chart.html
http://www.amcharts.com/column/floating-chart/

In the first example, background colors behind UK and France are different from the standard background color. And in the second example every person has slightly darker background color.

You can only use this feature if your data file is XML, not CSV. The syntax is very simple:

<series>
<value xid="John" bg_color="#000000" bg_alpha="20">John</value>
………………
</series>

As you can see, you can set bg_color and bg_alpha attributes in data file.

I hope these two features will be useful.

Download amColumn

Regards,

Antanas Marcelionis

This entry was posted on Wednesday, July 11th, 2007 at 4:35 pm and is filed under amCharts. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.