Fusioncharts parameter description

Fushioncharts is a graphical suite of abstract data. It is easy to use and easy to configure. The parameters are described as follows.

Features
Whether the animation display data of animation. The default value is 1 (true)
Whether shownames displays the horizontal axis (X axis) label name
Whether to rotate the display label of rotatenames. The default value is 0 (false ).
Whether showvalues displays the corresponding data value in the chart. The default value is 1 (true)
Yaxisminvalue specifies the minimum value and number of the vertical axis (Y axis ).
Yaxismaxvalue specifies the maximum value and number of the vertical axis (Y axis ).
Showlimits: whether to display the chart limit value (maximum and minimum values of Y axis). The default value is 1 (true)
Showcolumnshadow: whether to display the shadow between different bar charts (if the cylindrical chart is tied together)
Showalternatehgridcolor: whether to display different colors on different rows
Chart title and axis name
Caption chart title
Subcaption subtitle
Xaxisname horizontal axis (X axis) Name
Yaxisname vertical axis (Y axis) Name
Imagesave = '1' whether to save the image
Imagesaveurl = 'path/fusionchartssave. jsp 'image path

Hovercapsepchar = ','. Delimiter of the prompt information displayed when you move the cursor over the cylinder
Showhovercap = '1' whether a prompt is displayed when you place the cursor over the cylinder
Hovercapbgcolor = 'ffffff' indicates the background color of the message.
Chart and canvas Style
Bgcolor chart background color, 6-digit hexadecimal color value
Canvasbgcolor canvas background color, 6-digit hexadecimal color value
Canvasbgalpha canvas transparency, [0-100]
Canvasbordercolor canvas border color, 6-digit hexadecimal color value
Canvasborderthickness canvas Border thickness, [0-100]
Shadowalpha projection transparency, [0-100]
Whether showlegend displays the series name. The default value is 1 (true)

Font attributes
Basefont chart Font Style
Basefontsize chart font size
Basefontcolor chart font color, 6-digit hexadecimal color value
Font Style other than outcnvbasefont chart canvas
Outcnvbasefontsize font size outside the chart canvas
Font color other than the outcnvbasefontcolor chart canvas, 6-digit hexadecimal color value

Partition line and grid
Number of horizontal partition lines in the numdivlines canvas, numbers
Divlinecolor horizontal partition line color, 6-digit hexadecimal color value
Divlinethickness horizontal partition line thickness, [1-5]
Divlinealpha horizontal partition line transparency, [0-100]
Whether the showalternatehgridcolor is in an alternating color on the horizontal grid. The default value is 0 (false)
Alternatehgridcolor horizontal grid with alternating color, 6-digit hexadecimal color value
Transparency of the alternatehgridalpha transverse mesh band, [0-100]
Showdivlinevalues: whether to display the DIV row value. Default Value ??
Numvdivlines, number of lines in the vertical partition inside the canvas
Vdivlinecolor vertical partition line color, 6-digit hexadecimal color value
Vdivlinethickness, vertical partition line thickness, [1-5]
Vdivlinealpha vertical partition line transparency, [0-100]
Whether the showalternatevgridcolor is in an alternating color on the vertical grid. The default value is 0 (false)
Alternatevgridcolor alternating color of the vertical mesh, 6-digit hexadecimal color value
Transparency of the alternatevgridalpha longitudinal mesh belt, [0-100]

Number Format
Numberprefix
Numbersuffix adds the numeric suffix % to '% 25'/(ton) to' % EF % BC % 88% E5 % 90% A8 % EF % BC % 89 '(server. urlencode encoding)
Formatnumberscale: whether to format a number. The default value is 1 (true). It automatically adds K (k) or M (million) to your number. If it is 0, K or M is not added.
Decimalprecision specifies the number of decimal places. [0-10] For example, = '0' indicates the integer.
Divlinedecimalprecision specifies the number of decimal places in the horizontal partition line value, [0-10]
Limitsdecimalprecision specifies the number of decimal places of the maximum and minimum values of the Y axis, [0-10]
Formatnumber separated by commas (,). The default value is 1 (true). If the value is 0, no separator is used.
Decimalseparator specifies the decimal separator. The default value is '.'
Thousandseparator specifies the thousands separator. The default value is ','

Tool-tip/hover title
Showhovercap indicates whether to display the hover box. The default value is 1 (true)
Hovercapbgcolor indicates the background color of the frame, which is a 6-bit hexadecimal color value.
Hovercapbordercolor indicates the frame border color, which is a 6-bit hexadecimal color value.
Hovercapsepchar specifies the delimiter between the value in the hover box and the value. The default Delimiter is ','

Line chart Parameters
Linethickness line thickness
Anchorradius line node radius, number
Anchorbgalpha line node transparency, [0-100]
Anchorbgcolor line node fill color, 6-digit hexadecimal color value
Anchorbordercolor line node border color, 6-digit hexadecimal color value

Set tag Parameters
Value
Color
Link (this window opens [url], a new window opens [n-url], and the JS function [javascript: function] is called)
Name horizontal axis label name

Showfcmenuitem = '0'

Easy to use

1. varmychart = newfusioncharts ("../fusioncharts/fcf_column3d.swf", "mychartid", "600 ","
500 ");
The first parameter is the address of the SWF file.
The second is the image ID. You can call this ID as needed, but note that there is
This ID must be unique when multiple images exist.
The third parameter is the image width.
The fourth parameter is the image height.
We also need to set the data file address.
1. MyChart. setdataurl ("data. xml ");
Finally, we render the image in a specified place.
1. MyChart. Render ("chartdiv ");
"Chartdiv" is the ID of the previous Div, which indicates render the image to "chartdiv ".
Now you can run jschart.html to see the same effect as chart.html. Obviously, JavaScript is used for loading.
Graphics, more convenient, more intuitive.

If you wantOpen the link page in a new window, just add "N-" before the connection -", Just like the following code:
1. <graph caption = 'monthly sales summary 'subcaption =' for the year 2006'
2. xaxisname = 'month' yaxisname = 'sales' numberprefix = '$'>
3. <set name = 'Jan 'value = '1 7400' link = 'N'-demolinkpages/demolink1.html 'color = 'afd8f8'/>

 

XML data nodes and common attributes
Caption = 'title'
Subcaption = 'subtitle'
Clickurl = 'abc. jsp 'jump to ABC. jsp when you click the entire chart
Xaxisname = Department'
Numberprefix = '￥' Data prefix Unit
Numbersuffix = 'data' data suffix Unit
Decimals = '2' keep two decimal places, rounded
Forcedecimals = '2' forcibly retain two decimal places, for 5.1 to 5.10
Yaxisname = 'completion rate'
If you use Chinese characters and Chinese characters, you need to add the property rotateyaxisname = '1'
Showvalues = '1'
Yaxismaxvalue = '000000'
Common bgcolor = '2014, 1, ffffff' for percentage'
Gradient bgcolor = '000000' monochrome
Useroundedges = '1' light effect
Basefont = ''
Basefontsize = '12'
Basefontcolor = '000000'