index.html
1.74 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<html>
<head>
<script src="../shared_js/jquery-1.11.2.min.js"></script>
<script src="../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="../../bower_components/google-chart/google-chart.html"/>
</head>
<body>
<style>
#resizing_chart {
height: 600px;
width: 600px;
}
</style>
<google-chart
id='resizing_chart'
type='pie'
options='{"title": "Sbiricuda Chart!", "pieHole": "0.5"}'
cols='[{"label":"Month", "type":"string"}, {"label":"Days", "type":"number"}]'
rows='[["Jan", 31], ["Feb", 28], ["Mar", 31], ["Apr", 11], ["Sbi", 77]]'>
</google-chart>
</body>
<!--<html>-->
<!--<head>-->
<!--<script type="text/javascript" src="https://www.google.com/jsapi"></script>-->
<!--<script type="text/javascript">-->
<!--google.load("visualization", "1", {packages:["corechart"]});-->
<!--google.setOnLoadCallback(drawChart);-->
<!--function drawChart() {-->
<!--var data = google.visualization.arrayToDataTable([-->
<!--['Task', 'Hours per Day'],-->
<!--['Work', 11],-->
<!--['Eat', 2],-->
<!--['Commute', 2],-->
<!--['Watch TV', 2],-->
<!--['Sleep', 7]-->
<!--]);-->
<!--var options = {-->
<!--title: 'My Daily Activities'-->
<!--};-->
<!--var chart = new google.visualization.PieChart(document.getElementById('piechart'));-->
<!--chart.draw(data, options);-->
<!--}-->
<!--</script>-->
<!--</head>-->
<!--<body>-->
<!--<div id="piechart" style="width: 900px; height: 500px;"></div>-->
<!--</body>-->
<!--</html>-->