making it work but it's sort of a mess

2022-01-10 22:51:06 -08:00
parent 91a01f7b7c
commit 81a7358452
1583 changed files with 26 additions and 4 deletions
@@ -0,0 +1,56 @@
+"use strict";
+
+// Class definition
+var KTFlotDemoBar = function () {
+    // Private functions
+    var exampleBar = function () {
+        // horizontal bar chart:
+		var data1 = [
+			[10, 10],
+			[20, 20],
+			[30, 30],
+			[40, 40],
+			[50, 50],
+            [60, 60],
+            [70, 70],
+            [80, 80],
+            [90, 90],
+            [100, 100],
+		];
+
+		var options = {
+			colors: [KTUtil.getCssVariableValue('--bs-active-primary')],
+			series: {
+				bars: {
+					show: true
+				}
+			},
+			bars: {
+				horizontal: true,
+				barWidth: 6,
+				lineWidth: 0, // in pixels
+				shadowSize: 0,
+				align: 'left'
+			},
+			grid: {
+				tickColor: KTUtil.getCssVariableValue('--bs-light-dark'),
+				borderColor: KTUtil.getCssVariableValue('--bs-light-dark'),
+				borderWidth: 1
+			}
+		};
+
+		$.plot($("#kt_docs_flot_bar"), [data1], options);
+    }
+
+    return {
+        // Public Functions
+        init: function () {
+            exampleBar();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTFlotDemoBar.init();
+});