Tạo Thống kê cho blog bằng hình biểu đồ

chán với kiểu thống kê bài viết đơn giản bằng chữ , sao ta không thử  chút với google api chart 1 công cụ tạo ảnh biểu đồ trực tuyến tuyệt vời

với các kiểu biểu đồ có thể có mình tạm chọn cái pie 3d ngon ngon này
trông cũng khá đẹp
để có thể có cái thống kê bài viết và comment như trên
B1 bạn vào https://developers.google.com/chart/image/docs/gallery/pie_charts#pie_chart_label
 tìm hiểu xem cái nào đẹp đẹp thì lấy  về.

B2 dán code  tạo 1 widget html để dán code nhé
  2.1- trước tiên là HTML  id="show" là nơi đặt ảnh 2 cái kia thì makeno (mặc kệ nó)

<input type="hidden" id="text1" />
<input type="hidden" id="text2" />
<div id="show"></div>
2.2-mã script  lấy số bài viết và comment

<script style="text/javascript">
function numposts(json) {
document.getElementById('text1').value= json.feed.openSearch$totalResults.$t ;
}function numposts2(json) {
document.getElementById('text2').value= json.feed.openSearch$totalResults.$t ;
}
</script>
<script src="http://www.shimivn.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numposts">
</script>
<script src="http://www.shimivn.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numposts2">
</script>

2.3 mã script truyền biến và show hàng

<script>
var txt1=document.getElementById('text1').value;        // use current location as data
var txt2=document.getElementById('text2').value;        // use current location as data
var tong=eval(txt1+'+'+txt2);

 txt1=eval(txt1+'/'+tong+'*'+100);
 txt2=eval(txt2+'/'+tong+'*'+100);
var show=document.getElementById('show');        // use current location as data
var chs="260x100";
var chd="t:"+txt1+","+txt2;
var cht="p3";
var chl="Post|Comment";
var linkimage='https://chart.googleapis.com/chart?chs='+chs+'&amp;chd='+chd+'&amp;cht='+cht+'&amp;chl='+chl+'"';
show.innerHTML= unescape('<img src="'+linkimage+'" alt="QR Code" />');
  </script> dễ như ăn bánh