Functional characteristics
Animation whether to animate the data, default to 1 (True)
ShowNames whether the horizontal axis (x axis) label name is displayed
Rotatenames whether to rotate the display label, default to 0 (False): Landscape display
ShowValues if the corresponding data value is displayed on the chart, the default is 1 (True)
YAXISMINVALUE Specifies the vertical axis (Y axis) minimum value, the number
YAXISMAXVALUE Specifies the vertical axis (Y axis) minimum value, the number
Showlimits whether the chart limit is displayed (Y-axis max, min), default = 1 (True)
Showcolumnshadow whether to show the shadows between the bars (if the cylinder is tied together)
Showalternatehgridcolor whether different colors are displayed interlaced
Chart Title and axis name
Caption Chart Main Title
Subcaption Chart Subtitle
Xaxisname horizontal axis (x axis) name
Yaxisname Vertical axis (Y axis) name
Imagesave= ' 1 ' Do you want to save the picture
Imagesaveurl= ' path/fusionchartssave.jsp ' picture path
Hovercapsepchar= ', '. The delimiter of the cue message displayed when the mouse is placed on a cylinder
showhovercap= ' 1 ' displays a message when the mouse is placed on a cylinder
Hovercapbgcolor= ' FFFFFF ' hint information background color
Styles for charts and canvases
BgColor Chart Background color, 6-bit 16 binary color value
Canvasbgcolor Canvas background color, 6-bit 16 binary color value
Canvasbgalpha canvas transparency, [0-100]
Canvasbordercolor Canvas Border color, 6-bit 16 binary color value
Canvasborderthickness canvas Border thickness, [0-100]
Shadowalpha projection transparency, [0-100]
ShowLegend whether the series name is displayed, default is 1 (True)
Font properties
Basefont Chart Font Style
Basefontsize Chart Font Size
Basefontcolor chart Font Color, 6-bit 16 binary color value
Outcnvbasefont font styles outside the chart canvas
Outcnvbasefontsize a font size other than the chart canvas
Outcnvbasefontcolor font Color Outside the chart canvas, 6-bit 16-color value
Zoning lines and grids
Numdivlines horizontal number of lines within the canvas, numbers
Divlinecolor horizontal partition Line color, 6-bit 16 color value
Divlinethickness horizontal partition line thickness, [1-5]
Divlinealpha horizontal zoning line transparency, [0-100]
Showalternatehgridcolor if the color is alternating in the horizontal grid, the default is 0 (False)
Alternatehgridcolor horizontal mesh with alternating color, 6-bit 16-color value
Alternatehgridalpha transparency of the transverse mesh belt, [0-100]
Showdivlinevalues whether to display the value of the div row, default:
Numvdivlines vertical number of lines within the canvas, numbers
Vdivlinecolor vertical partition Line color, 6-bit 16 binary color value
Vdivlinethickness vertical partition line thickness, [1-5]
Vdivlinealpha vertical partition line transparency, [0-100]
Showalternatevgridcolor if the color is alternating in the vertical grid, the default is 0 (False)
Alternatevgridcolor vertical mesh with alternating colors, 6-bit 16 color values
Alternatevgridalpha transparency of the longitudinal mesh belt, [0-100]
Number format
Numberprefix increasing the number prefix
Numbersuffix increase the number suffix% to '%25 '/(ton) for '%ef%bc%88%e5%90%a8%ef%bc%89 ' (Server. UrlEncode code)
Formatnumberscale whether to format the number, default is 1 (True), automatically give you the number plus K (thousand) or M (million), if 0, no K or M
Decimalprecision specifies the number of digits of the decimal place, [0-10] For example: = ' 0 ' rounding
Divlinedecimalprecision specifies the number of digits of the value decimal place of the horizontal partition line, [0-10]
Limitsdecimalprecision the number of decimal digits that specify the maximum and minimum values for the y-axis, [0-10]
FormatNumber comma to separate numbers (thousands, Million dollar), default to 1 (True), or 0 if not delimited
DECIMALSEPARATOR Specifies the decimal separator, which defaults to '. '
ThousandSeparator Specifies the thousand-bit delimiter, which defaults to ', '
Tool-tip/hover Title
Showhovercap whether the hover description box is displayed, default is 1 (True)
Hovercapbgcolor hover Description Box background color, 6-bit 16 binary color value
Hovercapbordercolor Hover Description Box Border color, 6-bit 16 binary color value
HOVERCAPSEPCHAR Specifies the delimiter between values and values in the hover Description box, which defaults to ', '
Parameters for line chart
linethickness thickness of the polyline
anchorradius polyline node radius, number
anchorbgalpha polyline node transparency, [0-100]
anchorbgcolor polyline node Fill color, 6-bit 16 binary color value
anchorbordercolor polyline node Border color, 6-bit 16-color value
Parameters used by the set label
Value data values
Color colors
Link (this window opens [URL], new window opens [N-url], call JS function [JavaScript: function])
Name horizontal axis label names
showfcmenuitem= ' 0 ' Setting right-click Display does not display
1. Varmychart= newfusioncharts (".. /fusioncharts/fcf_column3d.swf "," Mychartid "," 600 ","
500 ");
The first parameter is the address of the SWF file.
The second one is the ID of the graphic. This ID you can call anything, but notice that in the back we talked about a page that has
Multiple graphics, this ID must be unique.
The third parameter is the width of the graphic.
The fourth parameter is the height of the graph.
We also want to set the address of the data file.
1. Mychart.setdataurl ("Data.xml");
Finally, we render the graphic in the specified place.
1. Mychart.render ("Chartdiv");
"Chartdiv" is the ID of the preceding Div, which means to render the graph to "Chartdiv".
Now that you run jschart.html, you will see the same effect as chart.html. It's obvious that using JavaScript to load
Graphics, more convenient and more intuitive.
If you want to open the page in a new window, simply add "n" to the front of 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 node and common attributes
Caption= ' title '
Subcaption= ' Sub-title '
Clickurl= ' abc.jsp ' jumps to abc.jsp when you click the entire chart
Xaxisname= Department '
Numberprefix = ' ¥ ' data prefix unit
Numbersuffix = ' A ' data suffix unit
decimals= ' 2 ' reserved Two decimal places, rounded
Forcedecimals= ' 2 ' forces two decimal places to be reserved, for 5.1 conversion to 5.10
Yaxisname= ' Completion rate '
If you use Chinese characters to add attributes: Rotateyaxisname= ' 1 '
showvalues= ' 1 '
Yaxismaxvalue= ' 100 '
For a percentage of common bgcolor= ' 999999,ffffff '
Gradient bgcolor= ' 999999 ' monochrome
useroundedges= ' 1 ' light effect
Basefont= ' song Body '
Basefontsize= ' 12 '
Basefontcolor= ' 333333 '
Supplemental: Attributes in Fusioncharts
In <Dataset> set the properties of the line, there are several <Dataset> there are a few lines.
Seriesname: Sets the title of the corresponding data,
ShowValues: Sets whether to display values,
Areaalpha: Sets the transparency of the area,
Anchorbgcolor set the background color of the anchor,
Areaborderthickness: Sets the thickness of the area border
In <graph> set the properties of the graphic,
Basefontsize: Set the font size,
Vdivlinealpha: Sets the transparency of the vertical line of the area,
Rotatenames: Whether to rotate the x-axis name,
HOVERCAPBG: Background color on mouse hover,
Hovercapborder: Border color on mouse hover
Showborder: Whether the graphics border is displayed 0 does not display/1 display
Caption: Title,
Sub caption: Sub-headings,
Alternating colored horizontal Grids: Vertical table spacing color and transparency,
Alternating colored Vertical Grids: Horizontal table spacing color and transparency,
Hover Caption: Tips,
Hover caption Background: Background of the cue box,
Hover caption border: The border of the cue box,
Hover caption Data separator character: The split character of the cue message
Here is the setting of the properties in the thermometer,
X-axis name:x axis label,
Y-axis name:y axis label,
Y-axis Max Limit:y Axis maximum,
Y-axis min limit:y axis minimum value,
Number Prefix: prefix of numeric value,
Number Suffix: The suffix of the value,
DIV lines: tick marks,
BgColor: Background color,
Showborder: Whether to show borders,
Bgalpha: Background transparency,
Anchors: Anchor Point,
Showtickvalues: Whether to display ticks,
Decimalprecistion: Setting the number of decimal digits