lundi 1 septembre 2014

Hack statistics for DataLife Engine using Google Charts



New graphic statistics for DataLife Engine using Google Charts.

Installation:

Open the file templates / stats.tpl and paste anywhere:
 
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Element', 'Number'],
['Total', {news_num}],
['Home', {news_main}],
['Moderated', {news_moder}],
['Month', {news_month}],
['Week', {news_week}],
['One day', {news_day}]
]);

var options = {
legend: 'none',
title: 'News',
width: 715,
height: 400
};

var chart = new google.visualization.ColumnChart(document.getElementById('news-stats'));
chart.draw(data, options);
}

google.load("visualization", "2", {packages:["corechart"]});
google.setOnLoadCallback(drawChart2);
function drawChart2() {
var data = google.visualization.arrayToDataTable([
['Element', 'Number'],
['Total', {user_num}],
['Banned', {user_banned}],
['Month', {user_month}],
['Week', {user_week}],
['One day', {user_day}]
]);

var options = {
legend: 'none',
title: 'Community',
width: 715,
height: 400
};

var chart = new google.visualization.ColumnChart(document.getElementById('user-stats'));
chart.draw(data, options);
}

google.load("visualization", "3", {packages:["corechart"]});
google.setOnLoadCallback(drawChart3);
function drawChart3() {
var data = google.visualization.arrayToDataTable([
['Element', 'Number'],
['Total', {comm_num}],
['Month', {comm_month}],
['Week', {comm_week}],
['One day', {comm_day}]
]);

var options = {
legend: 'none',
title: 'Comments',
width: 715,
height: 400
};

var chart = new google.visualization.ColumnChart(document.getElementById('comm-stats'));
chart.draw(data, options);
}


</script>
<div id="news-stats"></div>
<div id="user-stats"></div>
<div id="comm-stats"></div>

Aucun commentaire:

Enregistrer un commentaire