FusionCharts - Gallery Example - Multi-series line 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Soumya Dutta

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- Multi-series line chart -->

<div id="chartContainer">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var myChart = new FusionCharts({
      "type": "line",
      "renderAt": "chartContainer",
      "width": "500",
      "height": "300",
      "dataFormat": "xml",
 "dataSource": "<chart caption='Practice Plan Analysis for David Martin' subcaption='Point Value Playing Game: 2/2/2016 to 6/9/2016' xAxisName='Individual Score Dates' yAxisName='Scores' yAxisMinValue='0'  decimals='1' numberPrefix='' showValues='1' rotateLabels='1'  slantLabels='1' alternateHGridColor='FCB541' alternateHGridAlpha='20' divLineColor='FCB541' divLineAlpha='50' canvasBorderColor='666666' baseFontColor='666666' lineColor='FCB541' canvasRightMargin='50' canvasLeftMargin='30' canvasPadding='20' exportEnabled='1' exportAtClient='0' exportAction='download' exportHandler='http://www.somesite.com/Charts/ExportHandlers/PHP/index.php' exportFileName='18_Hole_Scoring_Analysis' exportFormats='PDF=Export as PDF'><set label='4/4/16' value='10' /><set label='5/2/16' value='-21' /> <set label='5/9/16' value='3' /><set label='5/16/16' value='-30' /><set label='5/23/16' value='7' /><set label='5/30/16' value='-13' /><set label='6/6/16' value='-15' /><styles><definition><style name='Anim1' type='animation' param='_xscale' start='0' duration='1' /><style name='Anim2' type='animation' param='_alpha' start='0' duration='0.6' /><style name='DataShadow' type='Shadow' alpha='40'/></definition><application><apply toObject='DIVLINES' styles='Anim1' /><apply toObject='HGRID' styles='Anim2' /><apply toObject='DATALABELS' styles='DataShadow,Anim2' /></application>	</styles><trendlines><line startvalue='-2' color='#1aaf5d' displayvalue='Coach's{br}target{br}score' valueonright='1' thickness='2' /></trendlines>"


       });

  myChart.render();
});