first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,155 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Google Visualization - histogram
+ *
+ *  Google Visualization histogram demonstration
+ *
+ * ---------------------------------------------------------------------------- */
+
+
+// Setup module
+// ------------------------------
+
+var GoogleHistogram = function() {
+
+
+    //
+    // Setup module components
+    //
+
+    // Histogram
+    var _googleHistogram = function() {
+        if (typeof google == 'undefined') {
+            console.warn('Warning - Google Charts library is not loaded.');
+            return;
+        }
+
+        // Initialize chart
+        google.charts.load('current', {
+            callback: function () {
+
+                // Draw chart
+                drawHistogram();
+
+                // Resize on sidebar width change
+                $(document).on('click', '.sidebar-control', drawHistogram);
+
+                // Resize on window resize
+                var resizeHistogram;
+                $(window).on('resize', function() {
+                    clearTimeout(resizeHistogram);
+                    resizeHistogram = setTimeout(function () {
+                        drawHistogram();
+                    }, 200);
+                });
+            },
+            packages: ['corechart']
+        });
+
+        // Chart settings
+        function drawHistogram() {
+
+            // Define charts element
+            var histogram_chart_element = document.getElementById('google-histogram');
+
+            // Data
+            var data = google.visualization.arrayToDataTable([
+                ['Dinosaur', 'Length'],
+                ['Acrocanthosaurus (top-spined lizard)', 12.2],
+                ['Albertosaurus (Alberta lizard)', 9.1],
+                ['Allosaurus (other lizard)', 12.2],
+                ['Apatosaurus (deceptive lizard)', 22.9],
+                ['Archaeopteryx (ancient wing)', 0.9],
+                ['Argentinosaurus (Argentina lizard)', 36.6],
+                ['Baryonyx (heavy claws)', 9.1],
+                ['Brachiosaurus (arm lizard)', 30.5],
+                ['Ceratosaurus (horned lizard)', 6.1],
+                ['Coelophysis (hollow form)', 2.7],
+                ['Compsognathus (elegant jaw)', 0.9],
+                ['Deinonychus (terrible claw)', 2.7],
+                ['Diplodocus (double beam)', 27.1],
+                ['Dromicelomimus (emu mimic)', 3.4],
+                ['Gallimimus (fowl mimic)', 5.5],
+                ['Mamenchisaurus (Mamenchi lizard)', 21.0],
+                ['Megalosaurus (big lizard)', 7.9],
+                ['Microvenator (small hunter)', 1.2],
+                ['Ornithomimus (bird mimic)', 4.6],
+                ['Oviraptor (egg robber)', 1.5],
+                ['Plateosaurus (flat lizard)', 7.9],
+                ['Sauronithoides (narrow-clawed lizard)', 2.0],
+                ['Seismosaurus (tremor lizard)', 45.7],
+                ['Spinosaurus (spiny lizard)', 12.2],
+                ['Supersaurus (super lizard)', 30.5],
+                ['Tyrannosaurus (tyrant lizard)', 15.2],
+                ['Ultrasaurus (ultra lizard)', 30.5],
+                ['Velociraptor (swift robber)', 1.8]]
+            );
+
+
+            // Options
+            var options_histogram = {
+                fontName: 'Roboto',
+                height: 400,
+                fontSize: 12,
+                chartArea: {
+                    left: '5%',
+                    width: '94%',
+                    height: 350
+                },
+                isStacked: true,
+                tooltip: {
+                    textStyle: {
+                        fontName: 'Roboto',
+                        fontSize: 13
+                    }
+                },
+                vAxis: {
+                    title: 'Dinosaur length',
+                    titleTextStyle: {
+                        fontSize: 13,
+                        italic: false
+                    },
+                    gridlines:{
+                        color: '#e5e5e5',
+                        count: 10
+                    },
+                    minValue: 0
+                },
+                hAxis: {
+                    gridlines:{
+                        color: '#e5e5e5'
+                    },
+                    minValue: 0
+                },
+                legend: {
+                    position: 'top',
+                    alignment: 'center',
+                    textStyle: {
+                        fontSize: 12
+                    }
+                }
+            };
+
+            // Draw chart
+            var histogram = new google.visualization.Histogram(histogram_chart_element);
+            histogram.draw(data, options_histogram);
+        }
+    };
+
+
+    //
+    // Return objects assigned to module
+    //
+
+    return {
+        init: function() {
+            _googleHistogram();
+        }
+    }
+}();
+
+
+// Initialize module
+// ------------------------------
+
+GoogleHistogram.init();