fusionchar样例

http://docs.fusioncharts.com/tutorial-getting-started-more-chart-types-multi-series-charts.html

Multi Series Charts

<chart caption="Comparison of Quarterly Revenue" subcaption="Harry's SuperMart" xaxisname="Quarter" yaxisname="Revenues (In USD)" numberprefix="$" theme="fint">    <categories>        <category label="Q1" />        <category label="Q2" />        <category label="Q3" />        <category label="Q4" />    </categories>    <dataset seriesname="Previous Year">        <set value="10000" />        <set value="11500" />        <set value="12500" />        <set value="15000" />    </dataset>    <dataset seriesname="Current Year">        <set value="25400" />        <set value="29800" />        <set value="21800" />        <set value="26800" />    </dataset></chart>

Stacked Charts

<chart caption="Revenue split by product category" subcaption="For current year" xaxisname="Quarter" yaxisname="Revenues (In USD)" showsum="1" numberprefix="$" theme="fint">    <categories>        <category label="Q1" />        <category label="Q2" />        <category label="Q3" />        <category label="Q4" />    </categories>    <dataset seriesname="Food Products">        <set value="11000" />        <set value="15000" />        <set value="13500" />        <set value="15000" />    </dataset>    <dataset seriesname="Non-Food Products">        <set value="11400" />        <set value="14800" />        <set value="8300" />        <set value="11800" />    </dataset></chart>

Combination Charts

mscombi2d

<chart caption="Actual Revenues, Targeted Revenues & Profits" subcaption="Last year" xaxisname="Month" yaxisname="Amount (In USD)" numberprefix="$" theme="fint">    <categories>        <category label="Jan" />        <category label="Feb" />        <category label="Mar" />        <category label="Apr" />        <category label="May" />        <category label="Jun" />        <category label="Jul" />        <category label="Aug" />        <category label="Sep" />        <category label="Oct" />        <category label="Nov" />        <category label="Dec" />    </categories>    <dataset seriesname="Actual Revenue">        <set value="16000" />        <set value="20000" />        <set value="18000" />        <set value="19000" />        <set value="15000" />        <set value="21000" />        <set value="16000" />        <set value="20000" />        <set value="17000" />        <set value="25000" />        <set value="19000" />        <set value="23000" />    </dataset>    <dataset seriesname="Projected Revenue" renderas="line" showvalues="0">        <set value="15000" />        <set value="16000" />        <set value="17000" />        <set value="18000" />        <set value="19000" />        <set value="19000" />        <set value="19000" />        <set value="19000" />        <set value="20000" />        <set value="21000" />        <set value="22000" />        <set value="23000" />    </dataset>    <dataset seriesname="Profit" renderas="area" showvalues="0">        <set value="4000" />        <set value="5000" />        <set value="3000" />        <set value="4000" />        <set value="1000" />        <set value="7000" />        <set value="1000" />        <set value="4000" />        <set value="1000" />        <set value="8000" />        <set value="2000" />        <set value="7000" />    </dataset></chart>

Multi-series 2D Single Y Combination Chart (Column + Line + Area)

mscombi2d

<chart caption="Harry's SuperMart" subcaption="Sales analysis of last year" xaxisname="Month" yaxisname="Amount (In USD)" numberprefix="$" showborder="0" showvalues="0" palettecolors="#0075c2,#1aaf5d,#f2c500" bgcolor="#ffffff" showcanvasborder="0" canvasbgcolor="#ffffff" captionfontsize="14" subcaptionfontsize="14" subcaptionfontbold="0" divlinecolor="#999999" divlinedashed="1" divlinedashlen="1" divlinegaplen="1" showalternatehgridcolor="0" useplotgradientcolor="0" tooltipcolor="#ffffff" tooltipborderthickness="0" tooltipbgcolor="#000000" tooltipbgalpha="80" tooltipborderradius="2" tooltippadding="5" legendbgcolor="#ffffff" legendborderalpha="0" legendshadow="0" legenditemfontsize="10" legenditemfontcolor="#666666">    <categories>        <category label="Jan" />        <category label="Feb" />        <category label="Mar" />        <category label="Apr" />        <category label="May" />        <category label="Jun" />        <category label="Jul" />        <category label="Aug" />        <category label="Sep" />        <category label="Oct" />        <category label="Nov" />        <category label="Dec" />    </categories>    <dataset seriesname="Actual Revenue" showvalues="1">        <set value="16000" />        <set value="20000" />        <set value="18000" />        <set value="19000" />        <set value="15000" />        <set value="21000" />        <set value="16000" />        <set value="20000" />        <set value="17000" />        <set value="25000" />        <set value="19000" />        <set value="23000" />    </dataset>    <dataset seriesname="Projected Revenue" renderas="line">        <set value="15000" />        <set value="16000" />        <set value="17000" />        <set value="18000" />        <set value="19000" />        <set value="19000" />        <set value="19000" />        <set value="19000" />        <set value="20000" />        <set value="21000" />        <set value="22000" />        <set value="23000" />    </dataset>    <dataset seriesname="Profit" renderas="area">        <set value="4000" />        <set value="5000" />        <set value="3000" />        <set value="4000" />        <set value="1000" />        <set value="7000" />        <set value="1000" />        <set value="4000" />        <set value="1000" />        <set value="8000" />        <set value="2000" />        <set value="7000" />    </dataset></chart>

带有滚动条的

scrollcombi2d

<chart caption="Actual Revenue, Targeted Revenues &amp; Profits" subcaption="FY 2012 - FY 2013" xaxisname="Month" yaxisname="Amount (In USD)" numberprefix="$" numvisibleplot="12" palettecolors="#0075c2,#1aaf5d,#f2c500" basefontcolor="#333333" basefont="Helvetica Neue,Arial" captionfontsize="14" subcaptionfontsize="14" subcaptionfontbold="0" showborder="0" bgcolor="#ffffff" showshadow="0" canvasbgcolor="#ffffff" canvasborderalpha="0" showvalues="0" divlinealpha="100" divlinecolor="#999999" divlinethickness="1" divlinedashed="1" divlinedashlen="1" divlinegaplen="1" useplotgradientcolor="0" showplotborder="0" showxaxisline="1" xaxislinethickness="1" xaxislinecolor="#999999" showalternatehgridcolor="0" showalternatevgridcolor="0" legendbgalpha="0" legendborderalpha="0" legendshadow="0" legenditemfontsize="10" legenditemfontcolor="#666666" scrollheight="10" flatscrollbars="1" scrollshowbuttons="0" scrollcolor="#cccccc" showhovereffect="1">    <categories>        <category label="Jan 2012" />        <category label="Feb 2012" />        <category label="Mar 2012" />        <category label="Apr 2012" />        <category label="May 2012" />        <category label="Jun 2012" />        <category label="Jul 2012" />        <category label="Aug 2012" />        <category label="Sep 2012" />        <category label="Oct 2012" />        <category label="Nov 2012" />        <category label="Dec 2012" />        <category label="Jan 2013" />        <category label="Feb 2013" />        <category label="Mar 2013" />        <category label="Apr 2013" />        <category label="May 2013" />        <category label="Jun 2013" />        <category label="Jul 2013" />        <category label="Aug 2013" />        <category label="Sep 2013" />        <category label="Oct 2013" />        <category label="Nov 2013" />        <category label="Dec 2013" />    </categories>    <dataset seriesname="Actual Revenue">        <set value="16000" />        <set value="20000" />        <set value="18000" />        <set value="19000" />        <set value="15000" />        <set value="21000" />        <set value="16000" />        <set value="20000" />        <set value="17000" />        <set value="25000" />        <set value="19000" />        <set value="23000" />        <set value="22000" />        <set value="25000" />        <set value="21000" />        <set value="23000" />        <set value="27000" />        <set value="26000" />        <set value="24000" />        <set value="28000" />        <set value="26000" />        <set value="27000" />        <set value="29000" />        <set value="26000" />    </dataset>    <dataset seriesname="Projected Revenue" renderas="line" showvalues="0">        <set value="15000" />        <set value="16000" />        <set value="17000" />        <set value="18000" />        <set value="19000" />        <set value="19000" />        <set value="19000" />        <set value="19000" />        <set value="20000" />        <set value="21000" />        <set value="22000" />        <set value="23000" />        <set value="24000" />        <set value="22000" />        <set value="23000" />        <set value="25000" />        <set value="22000" />        <set value="20000" />        <set value="24000" />        <set value="25000" />        <set value="27000" />        <set value="24000" />        <set value="23000" />        <set value="25000" />    </dataset>    <dataset seriesname="Profit" renderas="area" showvalues="0">        <set value="4000" />        <set value="5000" />        <set value="3000" />        <set value="4000" />        <set value="1000" />        <set value="7000" />        <set value="1000" />        <set value="4000" />        <set value="1000" />        <set value="8000" />        <set value="2000" />        <set value="7000" />        <set value="6000" />        <set value="5000" />        <set value="7000" />        <set value="8000" />        <set value="8000" />        <set value="9000" />        <set value="7000" />        <set value="10000" />        <set value="9000" />        <set value="7000" />        <set value="8000" />        <set value="11000" />    </dataset></chart>