first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,93 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Google Visualization - stepped area
+ *
+ *  Google Visualization stepped area chart demonstration
+ *
+ *  Version: 1.0
+ *  Latest update: August 1, 2015
+ *
+ * ---------------------------------------------------------------------------- */
+
+
+// Stepped area
+// ------------------------------
+
+// Initialize chart
+google.load("visualization", "1", { packages:["corechart"] });
+google.setOnLoadCallback(drawSteppedAreaChart);
+    
+
+// Chart settings
+function drawSteppedAreaChart() {
+
+    // Data
+    var data = google.visualization.arrayToDataTable([
+        ['Director (Year)',  'Rotten Tomatoes', 'IMDB'],
+        ['Alfred Hitchcock (1935)', 8.4,         7.9],
+        ['Ralph Thomas (1959)',     6.9,         6.5],
+        ['Don Sharp (1978)',        6.5,         6.4],
+        ['James Hawes (2008)',      4.4,         6.2]
+    ]);
+
+    // Options
+    var options_stepped_area = {
+        fontName: 'Roboto',
+        height: 400,
+        isStacked: true,
+        fontSize: 12,
+        areaOpacity: 0.4,
+        chartArea: {
+            left: '5%',
+            width: '90%',
+            height: 350
+        },
+        lineWidth: 1,
+        tooltip: {
+            textStyle: {
+                fontName: 'Roboto',
+                fontSize: 13
+            }
+        },
+        pointSize: 5,
+        vAxis: {
+            title: 'Accumulated Rating',
+            titleTextStyle: {
+                fontSize: 13,
+                italic: false
+            },
+            gridlines:{
+                color: '#e5e5e5',
+                count: 10
+            },
+            minValue: 0
+        },
+        legend: {
+            position: 'top',
+            alignment: 'center',
+            textStyle: {
+                fontSize: 12
+            }
+        }
+    };
+
+    // Draw chart 
+    var stepped_area_chart = new google.visualization.SteppedAreaChart($('#google-area-stepped')[0]);
+    stepped_area_chart.draw(data, options_stepped_area);
+}
+
+
+// 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() {
+        drawSteppedAreaChart();
+    }
+});