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

Created using FusionCharts Suite XT - www.fusioncharts.com

by FusionCharts

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>
<!-- Multi Series Area 2D chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var salesChart = new FusionCharts({
      type: "overlappedColumn2d",
      renderAt: "chart-container",
      width: "700",
      height: "400",
      dataFormat: "json",
      dataSource: {
        "chart": {
          "caption": "Healthcare Expenditure per capita (Public vs Private sector)",
          "subCaption": "in 2016",
          "xAxisName": "Country",
          "yAxisName": "Amount (in USD)",
          "showValues": "0",
          "theme": "fusion"
        },
        "categories": [{
          "category": [{
            "label": "Switzerland"
          }, {
            "label": "USA"
          }, {
            "label": "Canada"
          }, {
            "label": "Australia"
          }, {
            "label": "OECD-35"
          }, {
            "label": "Israel"
          }]
        }],
        "dataset": [{
          "seriesname": "Healthcare Expenses per capita (in USD) in Public sector",
          "data": [{
            "value": "5038"
          }, {
            "value": "4860"
          }, {
            "value": "3341"
          }, {
            "value": "3190"
          }, {
            "value": "2937"
          }, {
            "value": "1702"
          }]
        }, {
          "seriesname": "Healthcare Expenses per capita (in USD) in Private sector",
          "data": [{
            "value": "2881"
          }, {
            "value": "5032"
          }, {
            "value": "1412"
          }, {
            "value": "1518"
          }, {
            "value": "1066"
          }, {
            "value": "1120"
          }]
        }]
      }
    })
    .render();
});