FusionCharts chart displays dual Y-axis dual (multiple) curves

Source: Internet
Author: User

In the project, the fusionchartsgraphic table displays the dual-yaxis, And the fcf_msline.swf cannot display only one Y axis and multiple lines,
Find the desired image and use mscombidy2d.swf to implement it. The generated image is as follows:

The data of the two charts is the same.
The XML text is as follows::Copy codeThe Code is 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 = '000000'/>
<Category label = '000000'/>
<Category label = '000000'/>
<Category label = '000000'/>
<Category label = '000000'/>
<Category label = '000000'/>
<Category label = '000000'/>
</Categories>
<Dataset renderAs = 'line' parentYAxis = 'P' seriesName = 'prop'>
<Set value = '000000'/>
<Set value = '000000'/>
<Set value = '000000'/>
<Set value = '000000'/>
<Set value = '000000'/>
<Set value = '000000'/>
<Set value = '000000'/>
</Dataset>
<Dataset lineThickness = '1' parentYAxis ='s 'seriesname = 'qty'>
<Set value = '000000'/>
<Set value = '000000'/>
<Set value = '000000'/>
<Set value = '15'/>
<Set value = '66'/>
<Set value = '85'/>
<Set value = '37'/>
</Dataset>
</Chart>

To change a region chart to a curve, you only need
<Dataset renderAs = 'region' parentYAxis = 'P' seriesName = 'profit '>
Change
<Dataset renderAs = 'line' parentYAxis = 'P' seriesName = 'prop'>
Description:
ParentYAxis = 'P' indicates the corresponding Y axis on the left.
ParentYAxis ='s indicates the corresponding Y axis on the right.
RenderAs indicates the shape, Area is the Area chart, Line is the curve chart
Parameter settings
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 minimum 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)
Chart title and axis name
Caption chart title
SubCaption subtitle
XAxisName horizontal axis (X axis) Name
YAxisName vertical axis (Y axis) Name
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]
Does showDivLinues display the Div row value, default ??
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'
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 0Without K or M
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

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.