iR_#9 – Diagram / Chart 10 Komentar Terbanyak

Hallooo…

Untuk diagram/chart 10 Komentar Terbanyak ini sama halnya seperti tampilan pada Top 10 Penulis Artikel yang bisa dilihat DISINI. Berikut ini tampilannya.

Pada tampilan disamping ini jika kita mengarahkan kursor pada diagram batang, maka akan terlihat jumlah komentar beserta nama authornya.

Untuk menampilkan chart top komentar ini Lis masih menggunakan plugin PHP Code. Jika ingin mengetahui cara menggunakan PHP Code ini bisa langsung klik DISINI. Dan untuk Source Codenya akan Lis cantumkan dibawah ini ya ^^.

<!DOCTYPE HTML><!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_idFROM wp_blogs
WHERE domain =’$site'”;
$query=mysql_query($sql);
$r = mysql_fetch_array($query);

//”Query” (di sesuaikan dengan kebutuhan)
$sql1 = “SELECT COUNT(comment_content) as comment
FROM wp_$r[0]_comments
WHERE comment_approved = ‘1’”;
$query1=mysql_query($sql1);
$r1 = mysql_fetch_array($query1);

$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);

?>
<script type=”text/javascript”>
$(function () {
// Set up the chart
var chart = new Highcharts.Chart({
chart: {
renderTo: ‘containercom’,
type: ‘column’,
options3d: {
enabled: true,
alpha: 0,
beta: 0,
depth: 100,
viewDistance: 25
}
},
title: {
text: ’10 Komentator Terbanyak’
},
plotOptions: {
column: {
depth: 25
}
},

xAxis: {
categories: [                ”

]
},

yAxis: {
min: 0,
title: {
text: ‘Jumlah Komentar’
}
},
series: [

<
?php while($r2=mysql_fetch_array($query2)){
$nama = str_replace(“‘”,””,$r2[‘display_name’]);
echo “{ name: ‘”.$nama.”‘,data: [“.$r2[‘Jumlah’].”]},”; }
?>
]
});
function showValues() {
$(‘#alpha-value’).html(chart.options.chart.options3d.alpha);
$(‘#beta-value’).html(chart.options.chart.options3d.beta);
$(‘#depth-value’).html(chart.options.chart.options3d.depth);
}

// Activate the sliders
$(‘#sliderscom input’).on(‘input change’, function () {
chart.options.chart.options3d[this.id] = this.value;
showValues();
chart.redraw(false);
});
showValues();});
</script><style>#containercom, #sliderscom {
min-width: 310px;
max-width: 800px;
margin: 0 auto;}#containercom {
height: 400px; }</style>
<div id=”containercom”></div>

Kalian bisa lihat Viewboard iRAN dengan kategori Top Comment ini DISINI.

Terima kasih ^^

Views All Time
Views All Time
104
Views Today
Views Today
1
105 Total Views 1 Views Today

Leave a Reply

You must be logged in to post a comment.