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 dataChart = new FusionCharts({
      "type": "overlappedBar2d",
      "renderAt": "chart-container",
      "width": "600",
      "height": "500",
      "dataFormat": "json",
      "dataSource": {
        "chart": {
          "caption": "Major League Baseball - Season Rankings",
          "subCaption": "Teams in the Lead",
          "xAxisName": "Team",
          "yAxisName": "Position",
          "theme": "fusion",
          "showValues": "0"
        },
        "categories": [{
          "category": [{
            "label": "Boston Red Sox"
          }, {
            "label": "New York Yankees"
          }, {
            "label": "Tampa Bay Rays"
          }, {
            "label": "Toronto Blue Jays"
          }, {
            "label": "Baltimore Orioles"
          }, {
            "label": "Cleveland Indians"
          }, {
            "label": "Detroit Tigers"
          }, {
            "label": "Minnesota Twins"
          }, {
            "label": "Chicago White Sox"
          }, {
            "label": "Kansas City Royals"
          }]
        }],
        "dataset": [{
          "seriesname": "Matches",
          "data": [{
            "value": "88"
          }, {
            "value": "84"
          }, {
            "value": "86"
          }, {
            "value": "86"
          }, {
            "value": "85"
          }, {
            "value": "85"
          }, {
            "value": "88"
          }, {
            "value": "83"
          }, {
            "value": "86"
          }, {
            "value": "86"
          }]
        }, {
          "seriesname": "Wins",
          "data": [{
            "value": "57"
          }, {
            "value": "54"
          }, {
            "value": "42"
          }, {
            "value": "39"
          }, {
            "value": "24"
          }, {
            "value": "46"
          }, {
            "value": "38"
          }, {
            "value": "35"
          }, {
           ...