Devanshu Kumar
72 lines
1.5 KiB
HTML
72 lines
1.5 KiB
HTML
<html>
|
|
|
|
<head>
|
|
|
|
<title> Dashboard </title>
|
|
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
|
<script type="text/javascript" src="dashjs.js"></script>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<div id="piechart" style="width: 900px; height: 500px;"></div>
|
|
<div id="piechart2" style="width: 900px; height: 500px;"></div>
|
|
|
|
<script type="text/javascript" src="dashjs.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
google.charts.load('current', {'packages':['corechart']});
|
|
google.charts.setOnLoadCallback(drawChart);
|
|
google.charts.setOnLoadCallback(drawChart2);
|
|
|
|
function drawChart() {
|
|
|
|
var data = google.visualization.arrayToDataTable([
|
|
['Task', 'Hours per Day'],
|
|
['Completed', 11],
|
|
['To Go' , 13],
|
|
]);
|
|
|
|
var options = {
|
|
title: 'Steps',
|
|
pieHole: 0.8,
|
|
};
|
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
|
|
|
|
chart.draw(data, options);
|
|
}
|
|
|
|
function getData(value){
|
|
|
|
|
|
}
|
|
function drawChart2() {
|
|
|
|
var data = google.visualization.arrayToDataTable([
|
|
['Task', 'Hours per Day'],
|
|
['Completed', 15],
|
|
['To Go' , 9],
|
|
]);
|
|
|
|
var options = {
|
|
title: 'Calories',
|
|
pieHole: 0.8,
|
|
};
|
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('piechart2'));
|
|
|
|
chart.draw(data, options);
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html> |