first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,94 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Google Visualization - stacked columns
+ *
+ *  Google Visualization stacked column chart demonstration
+ *
+ *  Version: 1.0
+ *  Latest update: August 1, 2015
+ *
+ * ---------------------------------------------------------------------------- */
+
+
+// Stacked columns
+// ------------------------------
+
+// Initialize chart
+google.load("visualization", "1", {packages:["corechart"]});
+google.setOnLoadCallback(drawColumnStacked);
+
+
+// Chart settings
+function drawColumnStacked() {
+
+    // Data
+    var data = google.visualization.arrayToDataTable([
+        ['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General', 'Western', 'Literature', { role: 'annotation' } ],
+        ['2000', 20, 30, 35, 40, 45, 30, ''],
+        ['2005', 14, 20, 25, 30, 48, 30, ''],
+        ['2010', 10, 24, 20, 32, 18, 5, ''],
+        ['2015', 15, 25, 30, 35, 20, 15, ''],
+        ['2020', 16, 22, 23, 30, 16, 9, ''],
+        ['2025', 12, 26, 20, 40, 20, 30, ''],
+        ['2030', 28, 19, 29, 30, 12, 13, '']
+    ]);
+
+
+    // Options
+    var options_column_stacked = {
+        fontName: 'Roboto',
+        height: 400,
+        fontSize: 12,
+        chartArea: {
+            left: '5%',
+            width: '90%',
+            height: 350
+        },
+        isStacked: true,
+        tooltip: {
+            textStyle: {
+                fontName: 'Roboto',
+                fontSize: 13
+            }
+        },
+        vAxis: {
+            title: 'Sales and Expenses',
+            titleTextStyle: {
+                fontSize: 13,
+                italic: false
+            },
+            gridlines:{
+                color: '#e5e5e5',
+                count: 10
+            },
+            minValue: 0
+        },
+        legend: {
+            position: 'top',
+            alignment: 'center',
+            textStyle: {
+                fontSize: 12
+            }
+        }
+    };
+
+    // Draw chart
+    var column_stacked = new google.visualization.ColumnChart($('#google-column-stacked')[0]);
+    column_stacked.draw(data, options_column_stacked);
+}
+
+
+// Resize chart
+// ------------------------------
+
+$(function () {
+
+    // Resize chart on sidebar width change and window resize
+    $(window).on('resize', resize);
+    $(".sidebar-control").on('click', resize);
+
+    // Resize function
+    function resize() {
+        drawColumnStacked();
+    }
+});