(repost) Fusioncharts Property Reference API

I. Classification of Fusioncharts

About the basic introduction of Fusioncharts I am not here to waste space, want to know the friends to www.baigoogedu.com inside to find it. I'll talk about Fusioncharts's official four categories:

1.FusionCharts

2.FusionMaps

3.FusionWidgets

4.PowerCharts

For each type, I'll put a picture on it (from left to right in turn):

Two. About the fusioncharts of Fusioncharts

We know the Fusioncharts classification, we understand the Fusioncharts fusioncharts bar. Before our group studied Fusioncharts, this method has always felt very close to the mouth, now familiar with, just fine. In fact, we have almost 85% of the figures in the existing project to Fusioncharts Fusioncharts, and 5% for Fusioncharts fusionwidgets,5% from Fusioncharts Powercharts. Perhaps everyone will ask, I this "what what" argument is not too wordy, directly say the sub-category is not OK? Do not know the careful reader found no, the above combined together is 95%, in fact, our project also has 5% of the figure is from the Amcharts amstock. About Amcharts I will not say more, in the future have the opportunity to do a project, so as not to digress.

There are many kinds of fusioncharts classification of fusioncharts. Categories by data type are:

1. Single set of data type chart (Charts)

2. Multi-group data type chart (Multi-data Charts)

The types of display by graph (also the official category) are:

1. Single series chart (Charts)

2. Multi-Series charts (Multi-series Charts)

3. Stacked chart (stacked Charts)

4. Combo Chart (combination Charts)

5. Distribution Map (XY Plot Charts)

6. Scrolling diagram (Scroll Charts)

In fact, the classification that we usually say in our project is classified by data type, and this classification is summed up in our actual work. The classification by graphic display is the classification of Fusioncharts official documents, which is a very standard classification.

Data type classification (from left to right):

The display type classification of graphs (from left to right):

Three. Attributes (attribute) about Fusioncharts's fusioncharts

Many different graphs, different types of graphs in Fusioncharts's fusioncharts have many common properties, and of course, there are some special properties. Let me first introduce you to these common attributes.

The image above is an attribute of column2d.swf in the Fusioncharts fusioncharts. I'll take the properties of this graph as an example, because the properties of this graph are almost all common properties. (specifically 99% GM or 100% GM this I really did not count, at least 95% general-purpose bar). The classification of attributes is based on the official API documentation:

1.Chart:

<1>functional Attributes (Feature properties)

<2>titles and Axis Names (title and coordinates draw name)

<3> Charts Cosmetics (Chart beauty properties)

<4>divisional Lines/grids (partition Line/grid properties)

<5>tool-tip (ToolTip property)

<6>paddings and Margins (padding and margin properties)

2.Data:

<1> elements (set element properties)

<2>plot Cosmetics (Node beauty properties)

3.Others:

<1>number formatting (numeric formatting properties)

<2>font properties (font attributes)

<3>vertical Lines (vertical line properties)

<4>trend Lines (Trend line properties).

Note: The attentive reader will find that the attribute categories I have listed above are somewhat inconsistent with the picture, and I'll explain: Chart chart image and Data's sample XML data is linked to the picture and the information, not the attributes. Chart Chart Objects is a high-level "object combination properties", usually also rarely used, here is not to introduce it, there is a chance, then write a separate article to explain to you.

The classification of attributes is introduced here, I will explain in detail the purpose of each property, but before that, I have to mention the data type of the property. There are four types of data for the XML tag attribute of Fusioncharts:

<1>boolean-Boolean type, can only be 1 or 0. For example:

<2>number-numeric type, can only be numeric. For example:

<3>string-String type, can only be a string. For example:

<4>hex color code-16, there is no ' # ' in front of it. For example:

Well, I've learned so much. The following is simple, let me introduce each of the specific properties.

1.Functional Attributes (Functional properties)

Animation= ' 0/1 ' (sets whether the graphic display is animated)

Palette= ' 1-5 ' (5 default palette styles are optional)

Palettecolors= ' String ' (Manually set color palette palettecolors= ' ff0000,0372ab,ff5904 ... ')

Showaboutmenuitem= ' 0/1 ' (whether the about link is displayed when you right-click on the graph)

Aboutmenuitemlabel= ' String ' (about the specific name of the link)

aboutmenuitemlink= ' String ' (about Link's specific link address)

Showlabels= ' 0/1 ' (whether to display the x-axis coordinate values)

Labeldisplay= ' Wrap/stagger/rotate/none ' (Specific representation of x-axis coordinate values)

Rotatelabels= ' 0/1 ' (whether the coordinate value of the x-axis is rotated)

Slantlabels= ' 0/1 ' (Rotates the x-axis coordinate value to be tilted or completely perpendicular)

Labelstep= ' 1 or above ' (the step of the x-axis coordinate value, which can be set to display a value in several columns)

Staggerlines= ' 2 or above ' (if Labeldisplay is set to stagger, this property controls a display cycle)

Showvalues= ' 0/1 ' (whether the specific value of each column is displayed on the graph)

Rotatevalues= ' 0/1 ' (whether to rotate the value of the column displayed on the graph)

Placevaluesinside= ' 0/1 ' (the value of the column on the graph is displayed in the column)

Showyaxisvalues= ' 0/1 ' (whether the value of the y-axis is displayed)

Showlimits= ' 0/1 ' (whether the extremum is displayed)

Showdivlinevalues= ' 0/1 ' (whether the value is displayed at Divline)

Yaxisvaluesstep= ' 1 or above ' (step of y-axis value)

Showshadow= ' 0/1 ' (whether to show shadows)

adjustdiv= ' 0/1 ' (whether Divlines is automatically adjusted)

Rotateyaxisname= ' 0/1 ' (whether to rotate the y-axis name)

Yaxisnamewidth= ' Number ' (the width of the y-axis name)

Clickurl= ' String ' (click on the link address)

Defaultanimation= ' 0/1 ' (whether default animation is used)

Yaxisminvalue= ' number ' (minimum value for y-axis)

Yaxismaxvalue= ' number ' (Maximum y-axis)

Setadaptiveymin= ' 0/1 ' (automatically sets the minimum value of the y-axis)

2.Titles and Axis Names (title and coordinates draw name)

Caption= ' String ' (main title name)

Subcaption= ' String ' (subtitle name)

Xaxisname= ' String ' (x-axis name)

Yaxisname= ' String ' (Y-axis name)

3.Charts Cosmetics (Chart beauty properties)

bgcolor= ' color ' (background color of chart)

Bgalpha= ' 0-100 ' (background color transparency)

Bgratio= ' 1-100 ' (if the background color has two, this property sets the scale of the difference)

Bgangle= ' 0-360 ' (change the angle of the background color, set a tilt)

Bgswf= ' String ' (SWF path for background)

Bgswfalpha= ' 0-100 ' (transparency of the background SWF)

canvasbgcolor= ' Color ' (artboard background color)

Canvasbgalpha= ' 0-100 ' (artboard background transparency)

canvasbgratio= ' number ' (ratio of different artboard background colors)

canvasbgangle= ' number ' (Canvas background color display angle)

canvasbordercolor= ' Color ' (the color of the artboard border)

canvasborderthickness= ' number ' (width of artboard border)

Canvasborderalpha= ' 0-100 ' (transparency of artboard borders)

Showborder= ' 0/1 ' (whether the chart border is displayed)

bordercolor= ' color ' (border color)

borderthickness= ' number ' (thickness of chart border)

Borderalpha= ' 0-100 ' (border transparency)

Showvlinelabelborder= ' 0/1 ' (whether to show the width of the vertical line label)

Logourl= ' String ' (add the address of the Logo,logo image on the chart)

Logoposition= ' tl/tr/bl/br/cc ' (logo location)

Logoalpha= ' 0-100 ' (transparency of the logo)

Logoscale= ' 1-300 ' (controls the magnification of the logo zoom)

logolink= ' String ' (link address of logo)

4.Divisional Lines/grids (partition Line/grid properties)

Numdivlines= ' >0 ' (number of horizontal grid lines)

divlinecolor= ' Color ' (grid line color)

Divlinethickness= ' 1-5 ' (grid line thickness)

Divlinealpha= ' 0-100 ' (grid-line transparency)

Divlineisdashed= ' 0/1 ' (gridlines are displayed as dashed lines)

divlinedashlen= ' number ' (length of each dash)

divlinedashgap= ' number ' (the length of the interval between each dash)

zeroplanecolor= ' Color ' (grid line color at 0 values)

zeroplanethickness= ' number ' (grid line thickness at 0)

Zeroplanealpha= ' 0-100 ' (0 value gridline transparency)

Showalternatehgridcolor= ' 0/1 ' (whether the grid color is alternately displayed)

alternatehgridcolor= ' color ' (horizontal grid color)

Alternatehgridalpha= ' number ' (horizontal grid transparency)

5.tool-tip (ToolTip property)

Showtooltip= ' 0/1 ' (whether to show bubble tips)

tooltipbgcolor= ' Color ' (the background color of the bubble tip)

tooltipbordercolor= ' Color ' (the border color of the drum tip)

Tooltipsepchar= ' String ' (delimiter for bubble hints)

Showtooltipshadow= ' 0/1 ' (whether the bubble tip has a shadow effect)

6.Paddings and Margins (padding and margin properties)

Captionpadding

The distance between the xaxisnamepadding= ' number ' artboard and the x-axis title

yaxisnamepadding= ' number ' (the distance between the artboard and the y-axis title)

yaxisvaluespadding= ' number ' (the distance between the artboard and the y-axis value)

labelpadding= ' number ' (the distance between the artboard from the label)

valuepadding= ' number ' (distance between columns from values)

Plotspacepercent= ' 0-80 ' (distance between two bar)

chartleftmargin= ' number ' (distance from the left border)

chartrightmargin= ' number ' (distance from the right border)

charttopmargin= ' number ' (distance from top border)

chartbottommargin= ' number ' (distance from bottom border)

canvasleftmargin= ' number ' (the distance from the left of the artboard)

canvasrightmargin= ' number ' (the distance from the right side of the artboard)

canvastopmargin= ' number ' (the distance from the top of the artboard)

canvasbottommargin= ' number ' (the distance from the bottom of the artboard)

7. Element (set element property)

Label= ' String ' (Specific label)

Value= ' number ' (specific value)

Displayvalue= ' String ' (displayed value)

color= ' Color ' (the colour of the column)

link= ' String ' (link address)

tooltext= ' String ' (the value shown when the bubble tip)

Showlabel= ' 0/1 ' (whether the label is displayed)

Showvalue= ' 0/1 ' (whether the value of this column is displayed)

Dashed= ' 0/1 ' (the column border is displayed as a dashed line)

Alpha= ' number ' (transparency of pillars)

8.Plot Cosmetics (Node beauty properties)

Useroundedges= ' 0/1 ' (whether to show smooth edges)

Showplotborder= ' 0/1 ' (whether to show the border of the column)

plotbordercolor= ' Color ' (the color of the column border)

Plotborderthickness= ' 0-5 ' (Thickness of column border)

Plotborderalpha= ' 0-100 ' (transparency of pillar borders)

Plotborderdashed= ' 0/1 ' (column borders are displayed as dashed lines)

plotborderdashlen= ' number ' (the length of the dashed line)

plotborderdashgap= ' number ' (dotted line interval)

Plotfillangle= ' 0-360 ' (data fill color angle)

Plotfillratio= ' 0-100 ' (data fill color ratio)

Plotfillalpha= ' 0-100 ' (data fill color transparency)

plotgradientcolor= ' color ' (gradient color scheme for data)

9.Number formatting (numeric formatting properties)

Formatnumber= ' 0-1 ' (whether to format numeric values)

Formatnumberscale= ' 0-1 ' (whether the large values are represented in k,m mode)

Defaultnumberscale= ' String ' (default number formatting)

Numberscaleunit= ' String ' (sets the unit eg:k,m,b for the rounding rule)

Numberscalevalue= ' String ' (sets the rule for rounding eg:1000,1000,1000)

numberprefix= ' String ' (numeric prefix)

numbersuffix= ' String ' (numeric suffix)

Decimalseparator= ' String ' (sets the delimiter representation of the decimal point, |.)

Thousandseparator= ' String ' (sets the representation of a delimiter between 3-bit values, |.)

Indecimalseparator= ' String ' (set decimal separator)

Inthousandseparator= ' String ' (sets thousands separator)

Decimals= ' 0-10 ' (few after the decimal point)

Forcedecimals= ' 0/1 ' (the number of digits after the decimal point is not enough, whether to force 0)

Yaxisvaluedecimals= ' 0-10 ' (Y-axis values retain several decimals)

10.Font properties (font attributes)

Basefont= ' String ' (font)

Basefontsize= ' 0-72 ' (font size)

basefontcolor= ' color ' (font color)

Outcnvbasefont= ' String ' (fonts outside the artboard)

Outcnvbasefontsize= ' 0-72 ' (font size outside the artboard)

outcnvbasefontcolor= ' color ' (font color outside the artboard)

11.Vertical Lines (vertical line properties)

color= ' color ' (colors)

thickness= ' number ' (thickness)

Alpha= ' 0-100 ' (transparency)

Dashed= ' 0/1 ' (whether to use dashed lines)

dashlen= ' number ' (the length of the dashed line)

dashgap= ' number ' (length of dash interval)

Label= ' String ' (the name of this vertical line)

Showlabelborder= ' 0/1 ' (whether to display the label's border)

Lineposition= ' 0/1 ' (line's location)

Labelposition= ' 0/1 ' (label's location)

Labelhalign= ' Left/center/right ' (the position of the horizontal label)

Labelvalign= ' Top/middle/bottom ' (vertical line label position)

12.Trend Lines (Trend line properties)

Startvalue= ' number ' (Start value)

Endvalue= ' number ' (end value)

Displayvalue= ' String ' (displayed value)

color= ' color ' (colors)

Istrendzone= ' 0/1 ' (whether to show trend lines)

Showontop= ' 0/1 ' (trend line is shown above)

thickness= ' number ' (width of trend line)

Alpha= ' 0-100 ' (trend line transparency)

Dashed= ' 0/1 ' (trendline is a dashed line)

dashlen= ' number ' (the length of the dashed line of the trendline)

dashgap= ' number ' (the length of the interval between dashes)

Valueonright= ' 0/1 ' (trend line markers are on the right)

tooltext= ' String ' (the name of the trend line marker)

Four. Concluding remarks

So far, I'll put the column2d.swf attribute in Fusioncharts's fusioncharts in the order of the official API. If you do not understand the place please give me a message, I will consider the translation more clear and easy to understand, later I will consider the original English explanation to paste out, so that we look at, should be more able to understand the meaning of each attribute, in fact, many official documents of the English attribute interpretation is not difficult, or encourage people to read the original document it