FusionCharts - Gallery Example - Scroll Line 2D Chart
Created using FusionCharts Suite XT - www.fusioncharts.com
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<!-- A simple Scroll Line 2D chart -->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function(){
var salesChart = new FusionCharts({
type: 'scrollcombidy2d',
dataFormat: 'json',
renderAt: 'chart-container',
width: '550',
height: '350',
dataSource: {
"chart": {
},
"categories": [
{
"category": [
{ "label": "Jan 2012" },
{ "label": "Feb 2012" },
{ "label": "Mar 2012" },
{ "label": "Apr 2012" },
{ "label": "May 2012" },
{ "label": "Jun 2012" },
{ "label": "Jul 2012" },
{ "label": "Aug 2012" },
{ "label": "Sep 2012" },
{ "label": "Oct 2012" },
{ "label": "Nov 2012" },
{ "label": "Dec 2012" },
{ "label": "Jan 2013" },
{ "label": "Feb 2013" },
{ "label": "Mar 2013" },
{ "label": "Apr 2013" },
{ "label": "May 2013" },
{ "label": "Jun 2013" },
{ "label": "Jul 2013" },
{ "label": "Aug 2013" },
{ "label": "Sep 2013" },
{ "label": "Oct 2013" },
{ "label": "Nov 2013" },
{ "label": "Dec 2013" }
]
}
],
"dataset": [
{
seriesName: 'IRR (%)3',
color:'175786',
anchorBorderColor:'175786',
anchorBgColor:'175786',
parentYAxis:'p',
includeInLegend:"1",
renderAs:'LINE',
"data": [
{...