FusionCharts - Gallery Example - Area 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Saneesh K V

HTML

<head>
    <title>jQuery FusionCharts Plugin Sample</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="https://unpkg.com/fusioncharts/fusioncharts.js"></script>
    <script type="text/javascript" src="https://unpkg.com/fusioncharts/themes/fusioncharts.theme.fusion.js"></script>
    <script type="text/javascript" src="https://rawgit.com/fusioncharts/fusioncharts-jquery-plugin/develop/dist/fusioncharts.jqueryplugin.min.js"></script>
  </head>

  <body>
    <div id="chart-container">FusionCharts will render here...</div>
    <button id="current">
    Current year
    </button>
  </body>

JavaScript

$('document').ready(function() {
  const last_year = [
    [
      "6-Jan",
      "San Jose",
      5.4
    ],
    [
      "6-Jan",
      "SJ metro area",
      4.9
    ],
    [
      "6-Feb",
      "San Jose",
      5.4
    ],
    [
      "6-Feb",
      "SJ metro area",
      4.9
    ],
    [
      "6-Mar",
      "San Jose",
      5.3
    ],
    [
      "6-Mar",
      "SJ metro area",
      4.8
    ],
    [
      "6-Apr",
      "San Jose",
      4.9
    ],
    [
      "6-Apr",
      "SJ metro area",
      4.5
    ],
    [
      "6-May",
      "San Jose",
      4.6
    ],
    [
      "6-May",
      "SJ metro area",
      4.2
    ],
    [
      "6-Jun",
      "San Jose",
      5.1
    ],
    [
      "6-Jun",
      "SJ metro area",
      4.6
    ],
    [
      "6-Jul",
      "San Jose",
      5.4
    ],
    [
      "6-Jul",
      "SJ metro area",
      4.8
    ],
    [
      "6-Aug",
      "San Jose",
      5.1
    ],
    [
      "6-Aug",
      "SJ metro area",
      4.6
    ],
    [
      "6-Sep",
      "San Jose",
      4.9
    ],
    [
      "6-Sep",
      "SJ metro area",
      4.4
    ],
    [
      "6-Oct",
      "San Jose",
      4.7
    ],
    [
      "6-Oct",
      "SJ metro area",
      4.2
    ],
    [
      "6-Nov",
      "San Jose",
      4.9
    ],
    [
      "6-Nov",
      "SJ metro area",
      4.4
    ],
    [
      "6-Dec",
      "San Jose",
      4.5
    ],
    [
      "6-Dec",
      "SJ metro area",
      4.1
    ],
    [
      "7-Jan",
      "San Jose",
      5.3
    ],
    [
      "7-Jan",
      "SJ metro area",
      4.8
    ],
    [
      "7-Feb",
      "San Jose",
      5.1
    ],
    [
      "7-Feb",
      "SJ metro area",
      4.7
    ],
    [
      "7-Mar",
      "San Jose",
      5.1
    ],
    [
      "7-Mar",
      "SJ metro area",
      4.6
    ],
    [
      "7-Apr",
      "San Jose",
      4.9
    ],
    [
      "7-Apr",
      "SJ metro area",
      4.5
    ],
    [
      "7-May",
      "San Jose",
      4.7
    ],
    [
     ...