Difference between revisions of "Web Element: Data"


 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{|
 +
| width=50% |
 
<html>
 
<html>
 
   <head>
 
   <head>
Line 35: Line 37:
 
[21, 10827, 1410],
 
[21, 10827, 1410],
 
[22, 13531, 2904],
 
[22, 13531, 2904],
 +
[23, 15679, 2148],
 +
[24, 18135, 2456],
 +
[25, 20921, 2786],
 +
[26, 23934, 3013],
 +
[27, 27069, 3135],
 +
[28, 30217, 3148],
 +
[29, 34109, 3892],
 +
[30, 38226, 4117],
 +
[31, 42282, 4056],
 +
[32, 47029, 4747],
 +
[33, 52167, 5138],
 +
[34, 56956, 4789],
 +
[35, 61049, 4093],
 +
[36, 65111, 4062],
 +
[37, 69392, 4281],
 +
[38, 74193, 4801],
 +
[39, 78546, 4353],
 +
[40, 82329, 3783],
 +
[41, 86306, 3977],
 +
[42, 90980, 4674],
 +
[43, 95591, 4611],
 +
[44, 98674, 3083],
 +
[45, 101790, 3116],
 
]);
 
]);
  
Line 55: Line 80:
 
                 },
 
                 },
 
          1: {type: 'bars', color: 'black'},},
 
          1: {type: 'bars', color: 'black'},},
//        'width':600,
+
//        'width':300,
           'height':400,
+
           'height':300,
 
//        crosshair: { trigger: 'both', opacity: 0.5 },
 
//        crosshair: { trigger: 'both', opacity: 0.5 },
 
//        trendlines: { 1: {} }    // Draw a trendline for data series 1,
 
//        trendlines: { 1: {} }    // Draw a trendline for data series 1,
 
           };
 
           };
  
         var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
+
         var chart = new google.visualization.ComboChart(document.getElementById('chart_div_1'));
 
         chart.draw(data, options);
 
         chart.draw(data, options);
 
       }
 
       }
Line 68: Line 93:
  
 
<body>
 
<body>
<div id="chart_div"></div>
+
<div id="chart_div_1"></div>
 
</body>
 
</body>
 
</html>
 
</html>
 
+
|
  
 
<html>
 
<html>
Line 85: Line 110:
 
         var data = google.visualization.arrayToDataTable([
 
         var data = google.visualization.arrayToDataTable([
 
           ['Total cases', 'Daily cases'],
 
           ['Total cases', 'Daily cases'],
[1, 1],
+
//[1, 1],
[1, 0],
+
//[1, 0],
[5, 4],
+
//[5, 4],
[5, 0],
+
//[5, 0],
[6, 1],
+
//[6, 1],
[18, 12],
+
//[18, 12],
[47, 29],
+
//[47, 29],
[98, 51],
+
//[98, 51],
 
[192, 94],
 
[192, 94],
 
[359, 167],
 
[359, 167],
Line 106: Line 131:
 
[ 9217, 1815],
 
[ 9217, 1815],
 
[ 10827, 1410],
 
[ 10827, 1410],
          [ 13531, 2904]
+
[ 13531, 2904],
 +
[ 15679, 2148],
 +
[ 18135, 2456],
 +
[ 20921, 2786],
 +
[23934, 3013],
 +
[27069, 3135],
 +
[30217, 3148],
 +
[34109, 3892],
 +
[38226, 4117],
 +
[42282, 4056],
 +
[47029, 4747],
 +
[52167, 5138],
 +
[56956, 4789],
 +
[61049, 4093],
 +
[65111, 4062],
 +
[69392, 4281],
 +
[74193, 4801],
 +
[78546, 4353],
 +
[82329, 3783],
 +
[86306, 3977],
 +
[90980, 4674],
 +
[95591, 4611],
 +
[98674, 3083],
 +
[101790, 3116],
 
         ]);
 
         ]);
  
Line 120: Line 168:
 
           hAxis: {title: 'Total cases', scaleType: 'log'},
 
           hAxis: {title: 'Total cases', scaleType: 'log'},
 
           vAxis: {title: 'Daily cases', scaleType: 'log'},
 
           vAxis: {title: 'Daily cases', scaleType: 'log'},
           legend: 'none'
+
           legend: 'none',
 +
          'height':300,
 
         };
 
         };
  
         var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
+
         var chart = new google.visualization.ScatterChart(document.getElementById('chart_div_2'));
  
 
         chart.draw(data, options);
 
         chart.draw(data, options);
Line 131: Line 180:
  
 
<body>
 
<body>
<div id="chart_div"></div>
+
<div id="chart_div_2"></div>
 
</body>
 
</body>
 
</html>
 
</html>
 +
|}

Latest revision as of 12:34, 17 May 2020