first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,88 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Google Visualization - bubbles with color scale
+ *
+ *  Google Visualization bubble chart with color scale demonstration
+ *
+ *  Version: 1.0
+ *  Latest update: August 1, 2015
+ *
+ * ---------------------------------------------------------------------------- */
+
+
+// Bubble chart with color scale
+// ------------------------------
+
+// Initialize chart
+google.load("visualization", "1", {packages:["corechart"]});
+google.setOnLoadCallback(drawBubbleGradientChart);
+
+
+// Chart settings
+function drawBubbleGradientChart() {
+
+    // Data
+    var data = google.visualization.arrayToDataTable([
+        ['ID', 'X', 'Y', 'Temperature'],
+        ['',   80,  167,      120],
+        ['',   79,  136,      130],
+        ['',   78,  184,      50],
+        ['',   72,  278,      230],
+        ['',   81,  200,      210],
+        ['',   72,  170,      100],
+        ['',   68,  477,      80]
+    ]);
+
+
+    // Optinos
+    var options = {
+        fontName: 'Roboto',
+        height: 450,
+        fontSize: 12,
+        chartArea: {
+            left: '5%',
+            width: '90%',
+            height: 400
+        },
+        tooltip: {
+            textStyle: {
+                fontName: 'Roboto',
+                fontSize: 13
+            }
+        },
+        vAxis: {
+            gridlines:{
+                color: '#e5e5e5',
+                count: 10
+            },
+            minValue: 0
+        },
+        bubble: {
+          textStyle: {
+            fontSize: 11
+          },
+          stroke: '#fff'
+        }
+    };
+
+
+    // Draw chart
+    var gradient_bubble = new google.visualization.BubbleChart($('#google-bubble-gradient')[0]);
+    gradient_bubble.draw(data, options);
+}
+
+
+// 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() {
+        drawBubbleGradientChart();
+    }
+});