FusionCharts allows you to add syles to your chart. Style lends a simple mechanism using which you can easily control the visual layout of charts. For each defined object on a chart, you can apply one or more styles like animation bevel, blur, font, shadow and glow. Let's see how we can accomplish this using FusionCharts for Flex.
You can opt to define and apply styles in the chart XML itself. We show below an example code where we apply the styles, FONT and GLOW to CAPTION, XAXISNAME and YAXISNAME objects of our simple sales chart.
<styles>
<definition>
<style name='MyFirstFontStyle' type='font' font='Verdana' size='12' color='FF0000' bgColor='FFFFDD' borderColor='666666' />
<style name='MyFirstGlow' type='Glow' color='FF5904' alpha='75' />
</definition>
<application>
<apply toObject='CAPTION' styles='MyFirstFontStyle'/>
<apply toObject='XAXISNAME' styles='MyFirstGlow,MyFirstFontStyle' />
<apply toObject='YAXISNAME' styles='MyFirstGlow' />
</application>
</styles>
Please refer to Chart Styles XML section in FusionCharts and XML section for more detailed information on Styles.
The image below shows the chart after the style effects have been declared on the simple sales chart.