Fusioncharts getting started 10

Source: Internet
Author: User

Luminous style type
 

TheLuminous style typeThis lets you apply luminous outlines to any chart object. It has the following configurable attributes:

Attribute

Description

Color

The default hexadecimal color (none #) is ff0000.

Alpha

Transparency of luminous colors. Valid values range from 0 to 100. For example, 25 sets the transparency of 25%.

Blurx

Horizontal blur. Valid values: 0 to 255. The default value is 4. The weights, such as 2 (and 32), are optimal and the rendering speed is faster than other values.

Blury

Vertical blur. Valid values: 0 to 255. The default value is 4. The weights, such as 2 (and 32), are optimal and the rendering speed 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 shadow and the background. Valid values range from 0 to 255. The default value is 2.

Quality

Shadow rendering time value. Valid values range from 0 to 15. The default value is 1, which is equivalent to low quality. The value 2 indicates medium quality, and the value 3 indicates high quality. The shadow of a lower value is faster.

 
Set luminous color and transparency
You can use the followingCode:
<Style name = 'myfirstglow' type = 'glow' color = 'ff5904 'Alpha = '75'/>

 

Attribute

Format

Example

Color

Color ='Hexadecimal value (none #)'

Color ='Ff5904'

Alpha

Alpha ='Value (0 to 100 )'

Alpha ='75'

Shown as follows:
 
Configure luminous blur
You can configure the luminous blur number as follows:
<Style name = 'myfirstglow' type = 'glow' color = 'ff5904' alpha = '75' blurx = '12' blury = '12'/>

 

Attribute

Format

Example

Blurx

Blurx ='Value'

Blurx ='12'

Blurry

Blury ='Value'

Blury ='12'

 
Original chart-default blur Set blurx and blury to 10.
 
Luminous intensity and quality control

You can control the luminous intensity and quality to achieve better results.

The following example shows a higher intensity:

<Style name = 'myfirstglow' type = 'glow' color = 'ff5904 'alpha = '75' strength = '5'/>

<Style name = 'myfirstglow' type = 'glow' color = 'ff5904 'Alpha = '75' Quality = '10'/>

 

Attribute

Format

Example

Quality

Quality = 'value'

Quality = '10'

Strength

Strength = 'value'

Strength = '5'

 
Default Chart-default blur Enhanced strength

You can apply luminous effects to any objects in the chart. This is not limited to data plotting. Too many applications may slow down rendering.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.