FusionCharts - Column 2D Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

by sanjuktamukherjee

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!--
    A simple Column 2D chart showing monthly revenue of Harry's SuperMart for last year.
-->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'line',
        renderAt: 'chart-container',
        width: '500',
        height: '300',
        dataFormat: 'json',
        dataSource: {
  "chart": {
    "caption": "EXISTING HOME SALES level - SAAR",
    "subcaption": "",
    "numberprefix": "",
    "numbersuffix": "M",
    "xaxisname": "",
    "yaxismaxvalue": "7",
    "yaxisminvalue": "3",
    "yaxisname": "",
    "animation": "1",
    "bgcolor": "36454F, B1B8BE",
    "bgalpha": "100",
    "basefontcolor": "FFFFFF",
    "canvasbgalpha": "0",
    "canvasbordercolor": "FFFFFF",
    "canvaspadding": "5",
    "canvasborderthickness": "1",
    "canvasborderalpha": "20",
    "divlinecolor": "FFFFFF",
    "divlinealpha": "20",
    "vdivlineisdashed": "1",
    "showalternatevgridcolor": "1",
    "linecolor": "BBDA00",
    "linethickness": "2",
    "anchoralpha": "1",
    "shownames": "1",
    "showvalues": "0",
    "tooltipbgcolor": "36454F",
    "tooltipbordercolor": "36454F",
    "alternatehgridalpha": "5",
    "showcolumnshadow": "1",
    "logourl": "FusionCharts/econoday_logo.jpg",
    "logoposition": "BR",
    "logoalpha": "100",
    "logoscale": "25",
    "centeryaxisname": "0",
    "numdivlines": "3",
    "formatnumberscale": "0",
    "formatnumber": "0",
    "adjustdiv": "0",
    "showalternatehgridcolor": "1",
    "chartleftmargin": "3",
    "chartrightmargin": "10",
    "chartbottommargin": "20",
    "showborder": "0",
    "basefontsize": "6",
    "outcnvbasefontsize": "6",
    "slantlabels": "0",
    "labeldisplay": "ROTATE",
      "labelStep": "71"
  },
  "data": [
    {
      "label": "Apr-09",
      "value": "4.570",
      "color": "AFD8F8",
      "tooltext": "April 23, 2009{BR}Released As: 4.570M{BR}Consensus: 4.700M"
    },
    {
      "label": "May-09",
      "value": "4.680",
      "color": "AFD8F8",
      "tooltext": "May 27, 2009{BR}Released As: 4.680M{BR}Consensus: 4.670M"
    },
    {
      "label":...