Difference between revisions of "Web Element: Data"

@@ Line 5: / Line 5: @@
      <script type="text/javascript">
-google.charts.load('current', {packages: ['corechart', 'line']});
+      google.charts.load('current', {'packages':['corechart']});
-google.charts.setOnLoadCallback(drawCrosshairs);
+      google.charts.setOnLoadCallback(drawVisualization);
-function drawCrosshairs() {
+      function drawVisualization() {
-      var data = new google.visualization.DataTable();
+        // Some raw data (not necessarily accurate)
-      data.addColumn('number', 'Time');
+        var data = google.visualization.arrayToDataTable([
-      data.addColumn('number', 'Confirmed');
+          ['Day', 'Total', 'Daily'],
+					[10, 1, 1],
+					[11, 1, 0],
+					[12, 5, 4],
+					[13, 5, 0],
+					[14, 6, 1],
+					[15, 18, 12],
+					[16, 47, 29],
+					[17, 98, 51],
+					[18, 192, 94],
+					[19, 359, 167],
+					[20, 670, 311],
+					[21, 947, 277],
+					[22, 1236, 289],
+					[23, 1529, 293],
+					[24, 1872, 343],
+					[25, 2433, 561],
+					[26, 3629, 1196],
+					[27, 5698, 2069],
+					[28, 7402, 1704]
+]);
-      data.addRows([
+        var options = {
-        [10, 1], [11, 1], [12, 5], [13, 5], [14, 6], [15, 18], [16, 47], [17, 98], [18, 192], [19, 359], [20, 670], [21, 947], [22, 1236], [23, 1529], [24, 1872], [25, 2433], [26, 3629], [27, 5698], [28, 7402]
+          title : 'Daily COVID-19 Cases (Turkey)',
-      ]);
+          vAxis: {title: 'Cases'},
+          hAxis: {title: 'Day'},
+          seriesType: 'bars',
+          series: {1: {type: 'line'}}        };
-      var options = {
+         var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
-        hAxis: {
+        chart.draw(data, options);
-          title: 'Time'
+       }
-        },
-        vAxis: {
-          title: 'Population'
-         },
-      };
-      var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
-      chart.draw(data, options);
-       chart.setSelection([{row: 38, column: 1}]);
-    }
      </script>
    </head>

Revision as of 09:46, 29 March 2020