Fusioncharts chart showing double y-axis double (multi) curve _javascript tips

Source: Internet
Author: User
Tags border color polyline
In the project, you need the Fusioncharts chart to display the double Y axis, as if fcf_msline.swf can't, only one y axis, multiple lines,
Looked for, with MSCOMBIDY2D.SWF can be implemented, the production diagram is as follows:


The data for the two charts is the same, and the setting has a different
the corresponding XML text is as follows
Copy Code code as follows:

<chart palette= ' 2 ' caption= ' chart ' rotatenames= ' 0 ' showvalues= ' 0 ' divlinedecimalprecision= ' 1 ' limitsdecimalprecision = ' 1 ' pyaxisname= ' price ' syaxisname= ' quantity ' numberprefix= ' $ ' formatnumberscale= ' 0 ' >
<categories>
<category label= ' 20121110 '/>
<category label= ' 20121111 '/>
<category label= ' 20121112 '/>
<category label= ' 20121113 '/>
<category label= ' 20121114 '/>
<category label= ' 20121115 '/>
<category label= ' 20121116 '/>
</categories>
<dataset renderas= ' line ' parentyaxis= ' P ' seriesname= ' Profit ' >
<set value= ' 3242 '/>
<set value= ' 3171 '/>
<set value= '/> '
<set value= ' 1287 '/>
<set value= ' 1856 '/>
<set value= ' 987 '/>
<set value= ' 1610 '/>
</dataset>
<dataset linethickness= ' 1 ' parentyaxis= ' S ' seriesname= ' quantity ' >
<set value= ' 174 '/>
<set value= ' 197 '/>
<set value= '/> '
<set value= '/>
<set value= '/> '
<set value= '/> '
<set value= ' Notoginseng '/>
</dataset>
</chart>

Now you want to change the area chart to a curve by just
<dataset renderas= ' area ' parentyaxis= ' P ' seriesname= ' Profit ' >
To
<dataset renderas= ' line ' parentyaxis= ' P ' seriesname= ' Profit ' >
Description
Parentyaxis= ' P ' indicates the corresponding y axis of the Left
Parentyaxis= ' S ' indicates the right y-axis
Renderas represents shape, area is region chart, line is curve chart
About parameter settings
Functional Characteristics
Animation whether to animate data, default 1 (True)
ShowNames whether the horizontal axis (x axis) label name is displayed
Rotatenames whether to rotate the display label by default 0 (False): Landscape display
ShowValues whether the corresponding data value is displayed in the chart, default 1 (True)
YAXISMINVALUE specifies the minimum value of the longitudinal axis (Y axis), and the number
YAXISMAXVALUE specifies the minimum value of the longitudinal axis (Y axis), and the number
Showlimits whether the chart limit (the y-axis maximum, minimum value) is displayed and the default is 1 (True)
Chart Title and axis name
Caption Chart Main Title
Subcaption Chart Subtitle
Xaxisname horizontal axis (x axis) name
Yaxisname Vertical axis (Y axis) name
styles for charts and canvases
BgColor chart background color, 6-bit 16-digit color value
Canvasbgcolor Canvas background color, 6-bit 16-digit color value
Canvasbgalpha canvas transparency, [0-100]
Canvasbordercolor Canvas Border color, 6-bit 16-digit color value
Canvasborderthickness canvas Border thickness, [0-100]
Shadowalpha projection transparency, [0-100]
ShowLegend whether the series name is displayed and the default is 1 (True)
Font Properties
Basefont Chart Font Style
Basefontsize Chart Font Size
Basefontcolor chart Font Color, 6-bit 16-digit color value
Outcnvbasefont a font style other than a chart canvas
Outcnvbasefontsize font size outside of chart canvas
Outcnvbasefontcolor the font color outside the chart canvas, 6-bit 16-digit color values
zoning lines and grids
Numdivlines the horizontal number of lines within the canvas, and the number
Divlinecolor horizontal partition Line color, 6-bit 16-digit color value
Divlinethickness horizontal zoning line thickness, [1-5]
Divlinealpha horizontal zoning line transparency, [0-100]
Showalternatehgridcolor whether the color is alternating in a horizontal grid with a default of 0 (False)
Alternatehgridcolor horizontal grid with alternating color, 6-bit 16-digit color value
Alternatehgridalpha Horizontal mesh band transparency, [0-100]
Showdivlinues Show the value of the div row, default??
Numvdivlines the number of vertical partition lines inside the canvas, numbers
Vdivlinecolor vertical partition Line color, 6-bit 16-digit color value
Vdivlinethickness vertical partition line thickness, [1-5]
Vdivlinealpha vertical zoning line transparency, [0-100]
Showalternatevgridcolor whether the color is alternating in a vertical grid with a default of 0 (False)
Alternatevgridcolor vertical grid with alternating color, 6-bit 16-digit color value
Alternatevgridalpha Vertical Mesh band transparency, [0-100]
number format
Numberprefix Add digit Prefix
Numbersuffix Add the number suffix% to '%25 '
Formatnumberscale whether to format the number, default to 1 (True), automatically give you a number k (thousand) or M (million), if 0, then do not add K or M
Decimalprecision specifies the number of digits in the decimal places, [0-10] For example: = ' 0 ' rounding
Divlinedecimalprecision Specify the number of decimal places for the horizontal partition line, [0-10]
Limitsdecimalprecision Specify the number of decimal places for the y-axis's maximum and minimum values, [0-10]
FormatNumber commas to separate numbers (thousands, million), default to 1 (True), or 0, without delimiters
DECIMALSEPARATOR Specifies the decimal separator, which defaults to '. '
ThousandSeparator Specifies the thousand-bit separator, which defaults to ', '
Tool-tip/hover Title
Showhovercap whether the hover description box is displayed, defaults to 1 (True)
Hovercapbgcolor hover Description Box background color, 6-bit 16-digit color value
Hovercapbordercolor Hover Description Box Border color, 6-bit 16-digit color value
HOVERCAPSEPCHAR Specifies the delimiter between values and values in the hover Description box, which defaults to ', '
parameters of a line chart
Thickness of linethickness polyline
Anchorradius polyline node radius, number
Anchorbgalpha polyline node transparency, [0-100]
Anchorbgcolor polyline node Fill color, 6-bit 16-digit color value
Anchorbordercolor polyline node Border color, 6-bit 16-digit color value
parameters used by the set label
Value data values
Color colors
Link links (This window opens [URL], new window opens [N-url], calls the JS function [JavaScript: function])
Name horizontal axis label names

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.