구글 API를 이용해서 파이차트 그리기
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart()
{
var data = google.visualization.arrayToDataTable(
[["Employee","Rating"],["Suresh",25],["Amit",56],["Rahul",37],["Lucky",71],["Pooja",11],["Manoj",49]]
);
var options = {
title: "Employee Ratings"
};
var chart = new google.visualization.PieChart(document.getElementById("employee_piechart"));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="employee_piechart" style="width: 900px; height: 500px;"></div>
</body>
</html>반응형
'lang > jquery' 카테고리의 다른 글
| jQiery jointer - 요소간 연결선을 그려준다. (0) | 2018.08.20 |
|---|---|
| jQuery 를 이용한 멀티레이어 메뉴 (0) | 2018.07.16 |
| $.deferred 비동기 호출 서비스 (0) | 2014.10.13 |
| jquery mobile 페이지 전환 깜박거림 (0) | 2013.11.26 |
| jQuery가 지원하는 고급 위치 기반 셀렉터 (0) | 2010.07.30 |