Donut Chart Top Comment – 2

Image result for gif hello

Setelah berhasil menampilkan tabel Top Comment, Lilis ingin menampilkan data yang ada melalui sebuah chart. Dalam Chart ini hanya menampilkan 10 data saja karna Pengunjung iRAN lumayan banyak juga nih hehe. Berikut ini tampilan donut chart top comment.

Nama chart diatas yaitu Donut Chart, chart ini dapat menampilkan nama dan jumlah komentar dari pengunjung iRAN lohh saat kita mengarahkan kursor pada warna-warna yang ada.

Dan berikut ini List Program-nya

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>Dashboard</title><script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js”></script>
<style type=”text/css”>
${demo.css}
</style></head><script src=”https://code.highcharts.com/highcharts.js”></script>
<script src=”https://code.highcharts.com/highcharts-3d.js”></script>
<script src=”https://code.highcharts.com/modules/exporting.js”></script><?php

//”include kedalam file koneksi WP, mungkin didalam iMe sama filenya sepert ini”
include “wp-config.php”;

//”Sintak Koneksi mysql”
$conn = mysql_connect (DB_HOST, DB_USER, DB_PASSWORD ) or die (“tidak bisa connect ke database: ” . mysql_error());
mysql_select_db (DB_NAME) or die (“tidak bisa pilih database: ” . mysql_error());

//Situs yang akan dijalankan
$site = “iran.ilearning.me”;

//”Query” (di sesuaikan dengan kebutuhan)
$sql = “SELECT blog_id
FROM wp_blogs
WHERE domain =’$site'”;
$query=mysql_query($sql);
$r = mysql_fetch_array($query);

$sql2 = “SELECT wp_users.user_login, wp_users.display_name,
COUNT(wp_$r[0]_comments.comment_content) as Jumlah,
wp_usermeta.meta_value
FROM wp_$r[0]_comments LEFT JOIN wp_users ON wp_$r[0]_comments.user_id = wp_users.ID
INNER JOIN wp_usermeta
ON wp_users.ID = wp_usermeta.user_id
WHERE wp_usermeta.meta_key = ‘wp_$r[0]_capabilities’ AND
wp_usermeta.meta_value LIKE ‘%$author%’ AND
wp_$r[0]_comments.comment_approved = ‘1’
group by wp_users.display_name ORDER BY Jumlah DESC LIMIT 10″;
$query2=mysql_query($sql2);
$r2 = mysql_fetch_array($query2);

?>
<script type=”text/javascript”>
$(function () {
$(‘#containercom’).highcharts({
chart: {
type: ‘pie’,
options3d: {
enabled: true,
alpha: 45
}
},
title: {
text: ’10 Komentator Terbanyak’
},
plotOptions: {
pie: {
innerSize: 100,
depth: 45
}
},
series: [{ name: ‘Jumlah’,
data: [
<?php
while($r2=mysql_fetch_array($query2)){
$nama = str_replace(“‘”,””,$r2[‘1’]);
echo “[‘”.$nama.”‘,”.$r2[‘2’].”],”;
}
?>
] }
]
});
});
</script>
<div id=”containercom” style=”height: 400px”></div>

Sekian cermi kali ini. Terima kasih…. 

Image result for thank you gif

187 Total Views 1 Views Today
Views All Time
Views All Time
173
Views Today
Views Today
1

6 Responses

  1. Waw Daebak sekali Lilis Sekarang iRan sudah bisa melihat siapa saja yang sering berkomentar Artikel yang ada di iRan^^

    Semangat selalu Lilis, Terimakasih sudah sharing Codingannya^^

Leave a Reply

You must be logged in to post a comment.