FusionCharts - Gallery Example - Area 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Bretto

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<div id="container">FusionCharts will render here</div>

JavaScript

var data = [];

  var n = new Date();
  for (let index = 0; index < 1000000; index++) {
    data.push([n,Math.floor((Math.random() * 1000) + 1)]);
    n = new Date(n.getTime() + 1000);
  }
  
  var schema = [{
                    "name": "Time",
                    "type": "date"
                }, {
                    "name": "Value",
                    "type": "number"
                }];
  
  var fusionTable = new FusionCharts.DataStore().createDataTable(data, schema);

  new FusionCharts({
    type: 'timeseries',
    renderAt: 'container',
    width: "90%",
    height: 490,
    dataSource: {
      data: fusionTable,
      chart: {
      exportEnabled: 1
      },
      caption: {
        text: 'Online Sales of a SuperStore in the US'
      },
      yAxis: {
        "plot": {
          "value": "Sales",
          "type": "line"
        },
      },
      xAxis: {
                binning: {
                    year: [],
                    month: [],
                    day: [1],
                    hour: [1],
                    minute: [1,15],
                    second: [1,15],
                    millisecond: []
                  }
            }
    }
  }).render();