FusionChart样例
funsionchart官网：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 & 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>