FusionCharts - Gallery Example - Line 2D Chart In Javascript

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- 
    Showcase of Line Chart
 -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var visitChart = new FusionCharts({
    type: 'line',
    renderAt: 'chart-container',
    width: '700',
    height: '400',
    dataFormat: 'xml',
    dataSource: '<chart theme="fusion" caption="Total footfall in Bakersfield Central" linethickness="3" linecolor="#FF0000" subcaption="Last week" xaxisname="Day" yaxisname="No. of Visitors"><set label="Mon" value="15123" /><set label="Tue" value="14233" /><set label="Wed" value="23507" /><set label="Thu" value="9110" /><set label="Fri" value="15529" /><set label="Sat" value="20803" /><set label="Sun" value="19202" /><trendlines><line startvalue="18500" color="#29C3BE" displayvalue="Average{br}weekly{br}footfall" valueonright="1" thickness="2" /></trendlines></chart>'
  });

  visitChart.render();
});