Menampilkan Post per-Bulan dalam bentuk Chart

Hallo

Dalam viewboard iRAN belum terdapat informasi mengenai jumlah post per-bulannya.  Untuk itu Lilis meminta tolong kepada pa Bayu untuk mengajarkan cara untuk menampilkan post artikel iRAN per-bulannya. Untuk dapat menampilkan jumlah post per-bulan dapat menggunakan plugin PHP Code.

Berikut ini Tampilan Post Per-Bulan artikel yang dibuat di dalam iRAN.

Dalam chart ini Lilis hanya menampilkan grafik sejak tahun 2016 karna jika ditampilkan keseluruhannya data pada grafik akan bertumpuk-tumpuk.

Berikut ini kodingan untuk menampilkan post per-bulan.

tampilan etalase codingnya

<? //VIEWBOARD POST BULAN ?>
<?
//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);

$sql1 = “SELECT COUNT(ID)-(SELECT COUNT(ID)
FROM wp_$r[0]_posts WHERE post_status = ‘publish’ AND post_type = ‘page’) as p, SUM(comment_count) as c
FROM wp_$r[0]_posts
WHERE post_status = ‘publish’
AND post_type = ‘post’ OR post_type = ‘page'”;
$query1=mysql_query($sql1);
$r1 = mysql_fetch_array($query1);

$sql2 = “SELECT wp_users.user_login, wp_users.display_name,
COUNT(wp_$r[0]_posts.post_content) as Post,
substr(wp_$r[0]_posts.post_date,1,7) as month,
SUM(wp_$r[0]_posts.comment_count) as Comment,
wp_usermeta.meta_value
FROM wp_$r[0]_posts LEFT JOIN wp_users
ON wp_$r[0]_posts.post_author = 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]_posts.post_status = ‘publish’
AND wp_$r[0]_posts.post_type = ‘post’ and substr(wp_$r[0]_posts.post_date,1,4) >= ‘2016’
group by substr(wp_$r[0]_posts.post_date,1,7)
ORDER BY substr(wp_$r[0]_posts.post_date,1,7) Asc”;
$query2=mysql_query($sql2);

?>

<script type=”text/javascript”>
$(function () {
// Set up the chart
var chart = new Highcharts.Chart({
chart: {
renderTo: ‘containermonth’,
type: ‘column’,
options3d: {
enabled: true,
alpha: 0,
beta: 0,
depth: 100,
viewDistance: 25
}
},
title: {
text: ‘Periode Artikel’
},
plotOptions: {
column: {
depth: 25
}
},
xAxis: {
categories: [
‘Periode Ke-‘
]
},
yAxis: {
min: 0,
title: {
text: ‘Jumlah’
}
},
series: [
<?php
while($r2=mysql_fetch_array($query2)){
$month = str_replace(“‘”,””,$r2[‘month’]);
echo “{ name: ‘”.$month.”‘,data: [“.$r2[‘Post’].”]},”;
}
?>
]
});

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
$(‘#slidermonth input’).on(‘input change’, function () {
chart.options.chart.options3d[this.id] = this.value;
showValues();
chart.redraw(false);
});

showValues();
});
</script>
<style>
#containermonth, #slidermonth {
min-width: 310px;
max-width: 800px;
margin: 0 auto;
}
#containermonth {
height: 400px;
}
</style>

<div id=”containermonth”></div>

 Untuk melihat grafik post Per-bulan bisa dilihat DISINI.

267 Total Views 1 Views Today
Views All Time
Views All Time
255
Views Today
Views Today
1

Leave a Reply

You must be logged in to post a comment.