<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>-->