FusionCharts - Gallery Example - Area 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<!-- A simple implementation of Area 2D chart showing daily trend of liquor sales for the last week -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'msstackedcolumn2dlinedy',
        renderAt: 'chart-container',
        width: '500',
        height: '300',
        dataFormat: 'json',
        dataSource: {
        	"chart": {
		        "divlinecolor": "CCCCCC",
		        "alignLegendWithCanvas": "0",
		        "showvalues": "0",
		        "pYAxisName": "Bar Chart",
		        "sYAxisName": "Line Chart"
	        },
	"categories": [
		{
			"category": [
				{
					"label": "Jan"
				},
				{
					"label": "Feb"
				},
				{
					"label": "Mar"
				},
				{
					"label": "Apr"
				}
			]
		}
	],
	"dataset": [
		{
			"dataset": [
				{
					"seriesname": "Purchase1",
					"data": [
						{
							"value": 21
						},
						{
							"value": 18
						},
						{
							"value": 27
						},
						{
							"value": 25
						}
					]
				},
				{
					"seriesname": "Purchase2",
					"data": [
						{
							"value": 63
						},
						{
							"value": 10
						},
						{
							"value": null
						},
						{
							"value": null
						}
					]
				}
			]
		}
	],
	"lineset": [
		{
			"seriesname": "revenue",
			"data": [
				{
					"value": 6173
				},
				{
					"value": 4153
				},
				{
					"value": 7109
				},
				{
					"value": 6142
				}
			]
		}
	],
	"trendLines": [
		{
			"line": [
				{
        	"parentYAxis": "s",
					"startValue": 6104.8,
					"endValue": 6133.7,
					"displayValue": " ",
					"color": "6baa01",
					"alpha": "80",
					"dashed": "1"					
				}
			]
		}
	]
}
    });
    revenueChart.render();
});