Detailed description and reference of flash js Fusioncharts parameters

Source: Internet
Author: User
Tags border color hex code

Detailed description and reference of flash js fusioncharts parameters
Objects anchors are numerical points used to identify line or area. Effects animation, shadow, glow illumination, bevel skew, and blur animation attributes _ alpha, _ x, _ y, and _ xscale are supported., _ yscale background the background of the entire chart supports the following attributes: animation, shadow, glow, bevel, and blur: _ alpha


Objects
Anchors
Supports animation effects, shadow shadows, glow illumination, bevel skew, and blur.
Animation attributes: _ alpha, _ x, _ y, _ xscale, and _ yscale
Background of the entire chart
Supports attributes such as animation, shadow, glow, bevel, and blur.
Animation attributes: _ alpha, _ x, _ y, _ xscale, and _ yscale
Area in the canvas area chart
Supports attributes such as animation, shadow, glow, bevel, and blur.
Animation attributes: _ alpha, _ x, _ y, _ xscale, and _ yscale
Caption chart title
Subcaption chart subtitle
Supports attributes such as animation, shadow, glow, bevel, blur, and font.
Animation attributes _ alpha, _ x, and _ y
List of X axis labels of datalabels data
Supports attributes such as animation, shadow, glow, bevel, blur, and font.
Animation attributes _ alpha, _ x, and _ y
Dataplot data details (for example, columns in 2d charts)
Supports attributes such as animation, shadow, glow, bevel, and blur.
Animation attributes: _ alpha, _ x, _ y, _ xscale, and _ yscale
Datavalues chart data
Supports attributes such as animation, shadow, glow, bevel, blur, and font.
Animation attributes _ alpha, _ x, and _ y
Divlines horizontal list area (line composed of div)
Supports attributes such as animation, shadow, glow, bevel, and blur.
Animation attributes _ alpha, _ x, _ y, and _ xscale
Alternating colors in the two list areas of the hgrid horizontal
Supports attributes such as animation, shadow, glow, bevel, and blur.
Animation attributes: _ alpha, _ x, _ y, _ xscale, and _ yscale
Vdivlines vertical list area
The alternating colors in the two vertical list areas of the vgrid
Vlines vertical split line
Xaxisname X axis name
Yaxisname Y axis name
Yaxisvalues Y axis value list

 

Tooltip prompt when you move the cursor to a data point
Support attribute font
Trendlines trend line
Trendvalues
Chart
Functional attributes
Whether animation is used for animation bool
Palette number (1-5) uses the default palette
Does connectnulldata bool display null values (? Guess)
Showlabels bool show labels
Labeldisplay string (wrap, stagger, rotate or none) label rendering method (ultra-long blocking, line-breaking, skewed or not displayed)
Rotatelabels bool
Slantlabels bool
Labelstep number (1 or above)
How many characters does the staggerlines number (2 or above) follow the line (labeldisplay = stagger)
Whether showvalues bool always displays the data value on the data point
Rotatevalues bool whether to scroll the display value (showvalues = 1)
Whether showyaxisvalues bool displays Y axis data
Showlimits bool
Showdivlinevalues bool
Yaxisvaluesstep number (1 or above) display interval of Y axis mark
Adjustdiv bool automatically adjusts divlines
Rotateyaxisname bool
Yaxisnamewidth number (in pixels)
Clickurl string chart focus link address
Whether the default animation is enabled for defaultanimation bool
Yaxisminvalue number minimum value in Y axis
Yaxismaxvalue number maximum value in Y axis
Setadaptiveymin
Chart titles and axis names
Caption
Subcaption
Xaxisname
Yaxisname
Chart cosmetics
Bgcolor color you can use commas to separate multiple color values ff5904, ffffff
Bgalpha number (0-100) transparency
Ratio of bgratio number (0-100) to multiple color values
Bgangle number (0-360) angle
Bgswf string background flash, but must be in the same domain
Bgswfalpha number (0-100)
Canvasbgcolor color area Background color
Canvasbgalpha
Canvasbgratio
Canvasbgangle
Canvasbordercolor
Canvasborderthickness number (0-5) border thickness
Canvasborderalpha
Showborder bool
Bordercolor
Borderthickness number in pixels
Borderalpha
Data plot cosmetics
Showplotborder bool
Plotbordercolor
Plotborderthickness (0-5) pixels
Plotborderalpha
Whether plotborderdashed bool uses dotted lines
Plotborderdashlen number in pixels
Plotborderdashgap number in pixels
Plotfillang le number 0-360
Plotfillratio number: 0-100
Plotfillalpha
Plotgradientcolor color gradient color
Showshadow bool show shadow
Plotfillcolor
Anchors
Drawanchors bool
Anchorsides number 3-20 sides
Anchorradius number in pixels radius
Anchorbordercolor color hex code
Anchorborderthickness number in pixels
Anchorbgcolor
Anchoralpha
Anchorbgalpha
Divisional lines & grids
Numdivlines number> 0 horizontal line number
Divlinecolor
Divlinethickness number 1-5
Divlinealpha
Divlineisdashed bool dotted line
Divlinedashlen
Divlinedashgap
Zeroplanecolor
Zeroplanethickness
Zeroplanealpha
Showalternatehgridcolor
Alternatehgridcolor
Alternatehgridalpha
Numvdivlines
Vdivlinecolor
Vdivlinethickness
Vdivlinealpha
Vdivlineisdashed
Vdivlinedashlen
Vdivlinedashgap
Showalternatevgridcolor
Alternatevgridcolor
Alternatevgridalpha
Number formatting
Formatnumber bool
Formatnumberscale bool
Defaultnumberscale string
Numberscaleunit string
Numberscalevalue string
Numberprefix string
Numbersuffix string
Decimalseparator string
Thousandseparator string
Indecimalseparator string
Inthousandseparator string
Decimals number 0-10
Forcedecimals bool
Yaxisvaluedecimals number 0-10
Font properties
Basefont
Basefontsize number 0-72
Basefontcolor
Outcnvbasefont NV canvas
Outcnvbasefontsize
Outcnvbasefontcolor
Tool-tip
Showtooltip bool
Tooltipbgcolor
Tooltipbordercolor
Tooltips tutorial epchar
Chart padding & margins
Captionpadding
Xaxisnamepadding
Yaxisnamepadding
Yaxisvaluespadding
Labelpadding
Valuepadding
Chartleftmargin
Chartrightmargin
Charttopmargin
Chartbottommargin
Canvasp tutorial adding
Set element
Label string
Value number
Color hex code
Link string
Tooltext string
Showlavel
Showvalue
Dashed
Alpha
Anchorsides
Anchorradius
Anchorbordercolor
Anchorborderthickness
Anchorbgcolor
Anchoralpha
Anchorbgalpha
Vertical data separator lines

 

Color
Thickness
Alpha
Dashed
Dashlen
Dashgap
Trend-lines

   

Startvalue
Endvalue
Displayvalue
Color
Istrendzone
Showontop
Thickness
Alpha
Dashed
Dashlen
Dashgap
Valueonright

 

================= Old version ====================================== ==========

The xml tag attribute of fusioncharts has four data types:
* Boolean-boolean type, which can only be 1 or 0. For example:
* Number-number type, which can only be numbers. For example:
* String: string type. It can only be a string. For example:
* Hex color code-hexadecimal color code. The front side does not have '#'. For example:

The labels and attributes in xml are as follows:
Attributes
Flash background parameters:
* Bgcolor = "hexcolorcode": sets the background color of flash.
* Bgalpha = "numericalvalue (0-100)": sets the background transparency.
* Bgswf = "path of swf file": sets an external flash as the flash background.
Chart background parameters:
* Canvasbgcolor = "hexcolorcode": sets the color of the chart background.
* Canvasbasecolor = "hexcolorcode": sets the color of the chart base.
* Canvasbasedepth = "numerical value": sets the height of the base of the chart.
* Canvasbgdepth = "numerical value": sets the depth of the chart background.
* Showcanvasbg = "1/0 & prime;: Sets whether to display the chart background.
* Showcanvasbase = "1/0 & prime;: Sets whether to display the chart base.
Title of charts and axes
* Caption = "string": the title above the chart
* Subcaption = "string": subtitle at the top of the chart
* Xaxisname = "string": name of the X axis
* Yaxisname = "string": name of the y axis
Limit on the number of charts
* Yaxisminvalue = "value": minimum value of the y axis
* Yaxismaxvalue = "value": maximum value of boat y
Common parameters
* Shownames = "1/0 & prime;: Sets whether the specified name is displayed on the x axis.
* Showvalues = "1/0 & prime;: Sets whether to display data values on a column chart or pie chart.
* Showlimits = "1/0 & prime;: Sets whether to display the maximum and minimum data values on the y axis of the chart.
* Rotatenames = "1/0 & prime;: Sets whether the name on the x axis is displayed horizontally or vertically.
* Animation = "1/0 & prime;: Sets whether the bar chart is animated.
Font attributes
* Basefont = "fontname": set the font style.
* Basefontsize = "fontsize": set the font size.
* Basefontcolor = "hexcolorcode": set the font color.
* Outcnvbasefont = "fontname": set the font style on the outside of the chart.
* Outcnvbasefontsze = "fontsize": set the font size outside the chart.
* Outcnvbasefontcolor = "hexcolorcode": set the font color outside the chart.
Number format options
* Numberprefix = "$": Set the data value prefix.
* Numbersuffix = "p. a": Set the data value suffix (if it is a special character, you need to use url encode re-encoding)
* Formatnumber = "1/0 & prime;: Sets whether to format the data.
* Formatnumberscale = "1/0 & prime;: indicates whether to use" k "to represent thousands, and" m "to represent millions.
* Decimalseparator = ".": replace the decimal point with the specified character.
* Thousandseparator = ",": use the specified character to replace the thousands separator.
* Decimalprecision = "2 & prime;: sets the decimal precision.
* Divlinedecimalprecision = "2 & prime;: sets the number of decimal places in the y-axis value.
* Limitsdecimalprecision = "2 & prime;: sets the maximum and minimum decimal places on the y axis.
Horizontal separator
* Numdivlines = "numericalvalue": sets the number of horizontal separators.
* Divlinecolor = "hexcolorcode": sets the color of the horizontal separator.
* Divlinethickness = "numericalvalue": sets the width of the horizontal separator.
* Divlinealpha = "numericalvalue0-100 & prime;: sets the transparency of the horizontal separator.
* Showdivlinue = "1/0 & prime;: Sets whether to display the value of the horizontal separator.
Mouse rotation parameters
* Showhovercap = "1/0 & prime;: displays whether to activate the mouse rotation effect.
* Hovercapbgcolor = "hexcolorcode": sets the background color of the mouse rotation effect.
* Hovercapbordercolor = "hexcolorcode": sets the border color of the mouse rotation effect.
* Hovercapsepchar = "char": sets the delimiter number in the text displayed after the cursor is stopped.
Chart margin settings
* Chartleftmargin = "numerical value (in pixels)": sets the left margin of the chart.
* Chartrightmargin = "numerical value (in pixels)": sets the right margin of the chart.
* Charttopmargin = "numerical value (in pixels)": sets the chart top margin.
* Chartbottommargin = "numerical value (in pixels)": sets the bottom margin of the chart.
Zero plane
The zero plane is a 3d plane that signifies the 0 position on the chart. if there are no negative numbers on the chart, you won't see a visible zero plane.
* Zeroplaneshowborder = "1/0 & prime;: whether the border of a 3d zero plane wocould be plotted or not.
* Zeroplanebordercolor = "hex code": if the border is to be plotted, this attribute sets the border color for the plane.
* Zeroplanecolor = "hex code": the intended color for the zero plane.
* Zeroplanealpha = "numerical value 0-100 & prime;: the intended transparency for the zero plane.

Attributes
* Name = "string": specifies the name displayed in the chart.
Example:
* Value = "numericalvalue": set the values corresponding to each name in the chart.
Example:
* Color = "hexcode": set the color of the corresponding bar chart in the chart.
Example:
* Hovertext = "string value": set the text content displayed on the corresponding bar chart with the cursor.
Example:
* Link = "url": sets the link address of the bar chart (url encode re-encoding is required)
Example:
* Alpha = "numerical value 0-100 & prime;: sets the transparency of the corresponding bar chart in the chart.
Example:
* Showname = "1 & prime;: Specifies whether to display the name of the corresponding bar chart in the chart.

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.