FusionCharts - Gallery Example - Multi-Series Line Chart
Created using FusionCharts Suite XT - www.fusioncharts.com
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.zune.js"></script>
<!-- A simple implementation of Multi-Series Line 2D chart showing sales report of smartphones users worldwide for last 5 years-->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function() {
var salesChart = new FusionCharts({
type: 'msline',
renderAt: 'chart-container',
width: '600',
height: '400',
dataFormat: 'xml',
dataSource: '<chart numberprefix="" plotgradientcolor="" bgcolor="#FFFFFF" showalternatehgridcolor="0" divlinecolor="CCCCCC" showvalues="0" showcanvasborder="0" canvasborderalpha="0" canvasbordercolor="CCCCCC" canvasborderthickness="1" useRoundEdges="1" yaxismaxvalue="" setAdaptiveYMin="1" captionpadding="30" linethickness="3" yaxisvaluespadding="15" legendshadow="0" legendborderalpha="0" showLegend="1" palettecolors="#f8bd19,#008ee4,#33bdda,#e44a00,#6baa01,#583e78" showborder="0" logoURL="http://*****.png" logoPosition="TL" logoAlpha="50" logoScale="100" exportFileName="Indice_della_ragione_di_scambio___Conigli" animation="1" chartRightMargin="0" chartLeftMargin="0" exportEnabled="1" decimals="2" decimalSeparator="," thousandSeparator="." numberPrefix="" numberSuffix="" numberScaleValue="1000,1000,1000" numberScaleUnit="Mgl,Mio,Mld" forceDecimals="2" yAxisName="Base 2010=100"><categories><category label="Mag 2016" stepskipped="false" appliedsmartlabel="true" labeltooltext="" /><category label="Giu 2016" stepskipped="false" appliedsmartlabel="true" labeltooltext="" /><category label="Lug 2016" stepskipped="false" appliedsmartlabel="true" labeltooltext="" /><category label="Ago 2016" stepskipped="false" appliedsmartlabel="true" labeltooltext="" /><category label="Set 2016" stepskipped="false" appliedsmartlabel="true" labeltooltext="" /><category label="Ott 2016" stepskipped="false" appliedsmartlabel="true" labeltooltext="" /><category label="Nov 2016" stepskipped="false" appliedsmartlabel="true" labeltooltext="" /><category label="Dic 2016" stepskipped="false" appliedsmartlabel="true" labeltooltext="" /><category label="Gen 2017" stepskipped="false" appliedsmartlabel="true" labeltooltext="" /><category label="Feb 2017" stepskipped="false"...