added the timeseries example

shreyas-a · shreyas-a · commit 521580e97fae · 2019-10-15T17:54:34.000+05:30
diff --git a/example/resources/template_timeseries.html b/example/resources/template_timeseries.html
@@ -0,0 +1,89 @@
+<html>
+  <head>
+    <style>
+      #container {
+        width: 1200px;
+        height: 400px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container"></div>
+    <script>
+      function fetchCheckStatus(response) {
+        if (response.status >= 200 && response.status < 300) {
+          return response;
+        }
+        const error = new Error(response.statusText);
+        error.response = response;
+        throw error;
+      }
+
+      function loadData(url) {
+        const option = {
+          method: "GET",
+          headers: new Headers(),
+          mode: "cors",
+          cache: "default"
+        };
+
+        return fetch(url, option)
+          .then(fetchCheckStatus)
+          .then(resp => {
+            const contentType = resp.headers.get("Content-Type");
+            if (contentType && contentType.indexOf("application/json") !== -1) {
+              return resp.json();
+            }
+            return resp.text();
+          })
+          .then(data => data)
+          .catch(() => {
+            console.log("Something went wrong! Please check data/schema files");
+          });
+      }
+
+      Promise.all([
+        loadData(
+          "https://s3.eu-central-1.amazonaws.com/fusion.store/ft/data/line-chart-with-time-axis-data.json"
+        ),
+        loadData(
+          "https://s3.eu-central-1.amazonaws.com/fusion.store/ft/schema/line-chart-with-time-axis-schema.json"
+        )
+      ]).then(res => {
+        const data = res[0];
+        const schema = res[1];
+
+        const dataStore = new FusionCharts.DataStore(data, schema);
+
+        new FusionCharts({
+          type: "timeseries",
+          renderAt: "container",
+          width: "100%",
+          height: "100%",
+          dataSource: {
+            // Initially data is set as null
+            caption: {
+              text: "Sales Analysis"
+            },
+            subcaption: {
+              text: "Grocery"
+            },
+            yAxis: [
+              {
+                plot: {
+                  value: "Grocery Sales Value",
+                  type: "line"
+                },
+                format: {
+                  prefix: "$"
+                },
+                title: "Sale Value"
+              }
+            ],
+            data: dataStore.getDataTable()
+          }
+        }).render();
+      });
+    </script>
+  </body>
+</html>
diff --git a/example/time_series.js b/example/time_series.js
@@ -0,0 +1,22 @@
+const path = require('path');
+
+// Require FusionExport
+const { ExportManager, ExportConfig } = require('../');
+
+// Instantiate ExportManager
+const exportManager = new ExportManager();
+
+// Instantiate ExportConfig and add the required configurations
+const exportConfig = new ExportConfig();
+
+exportConfig.set('templateFilePath', path.join(__dirname, 'resources', 'template_timeseries.html'));
+exportConfig.set('type', 'jpg');
+exportConfig.set('asyncCapture', true);
+exportConfig.set('maxWaitForCaptureExit', 10000);
+
+// provide the export config
+exportManager.export(exportConfig, '.', true).then((exportedFiles) => {
+  exportedFiles.forEach(file => console.log(file));
+}).catch((err) => {
+  console.log(err);
+});
