Primer Commit

dist/js/pages/c3-chart/line/c3-area.js

@@ -0,0 +1,23 @@
+/*************************************************************************************/
+// -->Template Name: Bootstrap Press Admin
+// -->Author: Themedesigner
+// -->Email: niravjoshi87@gmail.com
+// -->File: c3_chart_JS
+/*************************************************************************************/
+$(function() {
+    var a = c3.generate({
+        bindto: "#area-chart",
+        size: { height: 400 },
+        point: { r: 4 },
+        color: { pattern: ["#2962FF", "#4fc3f7"] },
+        data: {
+            columns: [
+                ["data1", 130, 100, 150, 200, 100, 50],
+                ["data2", 0, 350, 200, 150, 50, 0]
+
+            ],
+            types: { data1: "area", data2: "area-spline" }
+        },
+        grid: { y: { show: !0 } }
+    });
+});

dist/js/pages/c3-chart/line/c3-line-region.js

@@ -0,0 +1,41 @@
+/*************************************************************************************/
+// -->Template Name: Bootstrap Press Admin
+// -->Author: Themedesigner
+// -->Email: niravjoshi87@gmail.com
+// -->File: c3_chart_JS
+/*************************************************************************************/
+
+/********************************/
+// Line region chart            //
+/********************************/
+$(function() {
+
+    // Callback that creates and populates a data table, instantiates the line region chart, passes in the data and draws it.
+    var lineRegionChart = c3.generate({
+        bindto: '#line-region',
+        size: { height: 400 },
+        point: {
+            r: 4
+        },
+        color: {
+            pattern: ['#2962FF', '#4fc3f7']
+        },
+
+        // Create the data table.
+        data: {
+            columns: [
+                ['data1', 30, 200, 100, 400, 0, 100],
+                ['data2', 100, 200, 10, 400, 100, 25]
+            ],
+            regions: {
+                'data1': [{ 'start': 1, 'end': 2, 'style': 'dashed' }, { 'start': 3 }], // currently 'dashed' style only
+                'data2': [{ 'end': 3 }]
+            }
+        },
+        grid: {
+            y: {
+                show: true
+            }
+        }
+    });
+});

dist/js/pages/c3-chart/line/c3-line.js

@@ -0,0 +1,34 @@
+/*************************************************************************************/
+// -->Template Name: Bootstrap Press Admin
+// -->Author: Themedesigner
+// -->Email: niravjoshi87@gmail.com
+// -->File: c3_chart_JS
+/*************************************************************************************/
+$(function() {
+    var t = c3.generate({
+        bindto: "#line-chart",
+        size: { height: 400 },
+        point: { r: 4 },
+        color: { pattern: ["#2962FF", "#4fc3f7"] },
+        data: {
+            columns: [
+                ["option1", 30, 200, 100, 400, 150, 250],
+                ["option2", 30, 120, 210, 40, 50, 205]
+            ]
+        },
+        grid: { y: { show: !0, stroke: "#ff0" } }
+    });
+    setTimeout(function() {
+        t.load({
+            columns: [
+                ["option1", 200, 150, 350, 250, 330, 500]
+            ]
+        })
+    }, 1e3), setTimeout(function() {
+        t.load({
+            columns: [
+                ["option3", 180, 250, 100, 350, 240, 150]
+            ]
+        })
+    }, 1500), setTimeout(function() { t.unload({ ids: "option1" }) }, 2e3)
+});

dist/js/pages/c3-chart/line/c3-multiple-xy.js

@@ -0,0 +1,24 @@
+/*************************************************************************************/
+// -->Template Name: Bootstrap Press Admin
+// -->Author: Themedesigner
+// -->Email: niravjoshi87@gmail.com
+// -->File: c3_chart_JS
+/*************************************************************************************/
+$(function() {
+    var t = c3.generate({
+        bindto: "#multiple-xy",
+        size: { height: 400 },
+        point: { r: 4 },
+        color: { pattern: ["#2962FF", "#4fc3f7"] },
+        data: {
+            xs: { option1: "x1", option2: "x2" },
+            columns: [
+                ["x1", 10, 20, 30, 50, 70, 100],
+                ["x2", 25, 50, 75, 100, 120],
+                ["option1", 30, 200, 50, 300, 85, 250],
+                ["option2", 20, 200, 140, 100, 190]
+            ]
+        },
+        grid: { y: { show: !0 } }
+    });
+});

dist/js/pages/c3-chart/line/c3-simple-xy.js

@@ -0,0 +1,36 @@
+/*************************************************************************************/
+// -->Template Name: Bootstrap Press Admin
+// -->Author: Themedesigner
+// -->Email: niravjoshi87@gmail.com
+// -->File: c3_chart_JS
+/*************************************************************************************/
+$(function() {
+    var o = c3.generate({
+        bindto: "#simple-xy",
+        size: { height: 400 },
+        point: { r: 4 },
+        color: { pattern: ["#2962FF", "#4fc3f7"] },
+        data: {
+            x: "x",
+            columns: [
+                ["x", 30, 50, 100, 230, 300, 310],
+                ["option1", 30, 280, 150, 400, 180, 280],
+                ["option2", 130, 300, 200, 300, 250, 450]
+            ]
+        },
+        grid: { y: { show: !0 } }
+    });
+    setTimeout(function() {
+        o.load({
+            columns: [
+                ["option1", 100, 250, 150, 200, 100, 0]
+            ]
+        })
+    }, 1e3), setTimeout(function() {
+        o.load({
+            columns: [
+                ["option3", 0, 150, 50, 150, 50, 0]
+            ]
+        })
+    }, 1500), setTimeout(function() { o.unload({ ids: "option2" }) }, 2e3)
+});

dist/js/pages/c3-chart/line/c3-spline.js

@@ -0,0 +1,22 @@
+/*************************************************************************************/
+// -->Template Name: Bootstrap Press Admin
+// -->Author: Themedesigner
+// -->Email: niravjoshi87@gmail.com
+// -->File: c3_chart_JS
+/*************************************************************************************/
+$(function() {
+    var n = c3.generate({
+        bindto: "#spline-chart",
+        size: { height: 400 },
+        point: { r: 4 },
+        color: { pattern: ["#2962FF", "#4fc3f7"] },
+        data: {
+            columns: [
+                ["option1", 30, 200, 100, 250, 100, 250],
+                ["option2", 130, 300, 140, 200, 150, 50]
+            ],
+            type: "spline"
+        },
+        grid: { y: { show: !0 } }
+    });
+});

dist/js/pages/c3-chart/line/c3-step.js

@@ -0,0 +1,21 @@
+/*************************************************************************************/
+// -->Template Name: Bootstrap Press Admin
+// -->Author: Themedesigner
+// -->Email: niravjoshi87@gmail.com
+// -->File: c3_chart_JS
+/*************************************************************************************/
+$(function() {
+    var t = c3.generate({
+        bindto: "#step-chart",
+        size: { height: 400 },
+        color: { pattern: ["#2962FF", "#4fc3f7"] },
+        data: {
+            columns: [
+                ["option1", 250, 300, 200, 150, 120, 100],
+                ["option2", 100, 150, 120, 250, 180, 50]
+            ],
+            types: { option1: "step", option2: "area-step" }
+        },
+        grid: { y: { show: !0 } }
+    });
+});