Membuat Grafik Sederhana Dengan javascript

ilustrasi

Kali ini Admin akan memberi sebuah cara yang cukup sederhana untuk memvisual data pengunjung kita di website Anda. Dari grafik garis sederhana sampai yang kompleks. Anda dapat mengisi data Anda dengan mudah yang memanfaatkan jsapi dari Google.

PIE CHART
Cyber4rt Pie Charts

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Visits');
data.addRows([
['Indonesia', 83,4%],
['Malaysia', 2.0%],
['Korea Selatan', 1,0%],
['Amerika', 6.0%],
['Brazil',0.2% ],
['China', 3,1%],
['Belgium', 2.0%],
['Saudi Arabia', 0.2%],
['Kuala Lumpur', 2800]
]);
var options = {'title':'Demographics City visitors for Conspiracy',
'width':400,
'height':300};
var chart = new google.visualization.PieChart(document.getElementById('cyber4rt_chart'));
chart.draw(data, options);
}
</script>


<div id="cyber4rt_chart"></div>

Posted in: