< !DOCTYPE html>
< html xmlns="http://www.w3.org/1999/xhtml">
< head>
< meta http-equiv="content-type"
content="text/html; charset=utf-8"/>
< title>
Google Visualization API Sample
< /title>
< script type="text/javascript" src="http://www.google.com/jsapi"> < /script>
< script type="text/javascript">
google.load('visualization', '1',
{packages: ['piechart']});
< /script>
< script type="text/javascript">
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Month');
data.addColumn('number', 'Sales');
data.addRows([
['January',{v:20, f:'$20M'}],
['February',{v:31, f:'$31M'}],
['March',{v:61, f:'$61M'}],
['April',{v:26, f:'$26M'}]
]);
// Create and draw the visualization.
new google.visualization.PieChart(
document.getElementById('visualization')).
draw(data, {is3D:true});
}
google.setOnLoadCallback(drawVisualization);
< /script>
< /head>
< body style="font-family: Arial;border: 0 none;">
< div id="visualization" style="width: 300px; height: 300px;"> < /div>
< /body>
< /html>
Arun Rama Balan.G is Tech Lead of Zerosoft Technologies, Thooththukudi. I had received a bachelor degree in computer science from SBK College - Aruppukottai and Masters degree in Computer Application from VHNSN College - Virudhunagar. I found these below solutions from GOOGLE SEARCH. So I update this solutions from Out side sources. Not My OWN Contents. Credit goes to Original authors..
No comments:
Post a Comment