Fusioncharts full Entry Manual 11

Slope style type

If you want to apply the slope effect to any object in the chart, you need to use the following slope style type attribute list:

Attribute Description Angle Slope angle. Valid values range from 0 to 360. The default value is 45. Distance Slope distance. Valid value is pixel (floating point). default value is 4. Shadowcolor Slope shadow color. The valid value format is rrggbb (none #). The default value is 000000. Shadowalpha Transparency of the shadow color. This value is formatted from 0 to 100. For example, 25 refers to 25% transparency. The default value is 50. Highlightcolor The highlight color of the slope. The valid value is in hexadecimal format rrggbb (none #). The default value is ffffff. Highlightalpha The transparency of the highlight color. This value is formatted from 0 to 100. For example, 25 indicates the transparency of 25%. The default value is 50. Blurx The valid values of the number of horizontal blur measures are from 0 to 255 (floating point). The default value is 4. The weight value 2 (such as 2, 4, 8, 16, and 32) is faster than other values. Blury The valid values of verbose blur ranges from 0 to 255 (floating point). The default value is 4. The weight value 2 (such as 2, 4, 8, 16, and 32) is faster than other values. Strength The intensity of impression or diffusion. The higher the value, the greater the Color Mark and intensity gap between the slope and the background. Valid values range from 0 to 255. The default value is 1. Quality The time when the filter is rendered. The default value is 1, which is equivalent to low quality. The value 2 indicates medium quality, and the value 3 indicates high quality. Low values are faster to filter.

To set a slope for a chart object, you need to define the slope style type and apply the following:

<Style name = 'myfirstbevel 'type = 'bevel'/> ... <Apply toobject = 'dataplot 'styles = 'myfirstbevel'/>

Shown as follows:

Set angle and distance

You can set the angle and distance as follows: <Style name = 'myfirstbevel' type = 'bevel' distance = '7' angle = '000000'/>

Attribute Format Example Distance Distance ='Value (pixel )' Distance ='7' Angle Angle ='Value (from 0 to 360 )' Angle ='123'

It looks as follows:

Set shadow color

To change the shadow color and transparency, you can use the following parameters: <Style name = 'myfirstbevel' type = 'bevel' shadowcolor = '000000' shadowalpha = '80' distance = '5' angle = '45'>

Attribute Format Example Shadowcolor Shadowcolor ='Hexadecimal value (none #)' Shadowcolor ='123' Shadowalpha Shadowalpha ='Value (between0 to 100 )' Shadowalpha ='80'

It will change the shadow color as follows:

Control fuzzy quantity

You can also change the Blur quantity to get a smoother angle.

<Style name = 'myfirstbevel' type = 'bevel' blurx = '12' blury = '12'/>

Attribute Format Example Blurx Blurx = 'value' Blurx = '12' Blurry Blury = 'value' Blury = '12'

The preceding output is as follows:

Original default fuzzy match Set blurx and blury to 12

Increase slope strength

To increase the slope strength, the attributes are as follows: <Style name = 'myfirstbevel' type = 'bevel' strength = '3'/>

Attribute Format Example Strength Strength = 'value' Strength = '3'

you can use a large number of the above attributes to implement the style you want to implement