23.05.13, 10:17
1 комментарий
  DLE Хаки

Статистика сайта в виде диаграмм

Меняем устаревшую Dle статистику на диаграммы.

<script type='text/javascript' src='http://www.google.com/jsapi'></script>
      
<script type="text/javascript">

google.load('visualization', '1', {'packages':['piechart', 'imagepiechart', 'barchart','imageBarChart','linechart']});

google.setonloadCallback(drawChart);

function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'list');
data.addColumn('number', 'Фильмы');
data.addRows(5);
data.setValue(0, 0, 'За день');
data.setValue(0, 1, {news_day});
data.setValue(1, 0, 'За неделю');
data.setValue(1, 1, {news_week});
data.setValue(2, 0, 'За месяц');
data.setValue(2, 1, {news_month});
data.setValue(3, 0, 'За всё время');
data.setValue(3, 1, {news_num});                   
var datacomm = new google.visualization.DataTable();
datacomm.addColumn('string', 'list');
datacomm.addColumn('number', 'Комментарии');
datacomm.addRows(5);
datacomm.setValue(0, 0, 'За день');
datacomm.setValue(0, 1, {comm_day});
datacomm.setValue(1, 0, 'За неделю');
datacomm.setValue(1, 1, {comm_week});
datacomm.setValue(2, 0, 'За месяц');
datacomm.setValue(2, 1, {comm_month});
datacomm.setValue(3, 0, 'За всё время');
datacomm.setValue(3, 1, {comm_num});
var datauser = new google.visualization.DataTable();
datauser.addColumn('string', 'list');
datauser.addColumn('number', 'Пользователи');
datauser.addRows(5);
datauser.setValue(0, 0, 'За день');
datauser.setValue(0, 1, {user_day});
datauser.setValue(1, 0, 'За неделю');
datauser.setValue(1, 1, {user_week});
datauser.setValue(2, 0, 'За месяц');
datauser.setValue(2, 1, {user_month});
datauser.setValue(3, 0, 'За всё время');
datauser.setValue(3, 1, {user_num});
datauser.setValue(4, 0, 'Забанены');
datauser.setValue(4, 1, {user_banned});
      var chart = new google.visualization.PieChart(document.getElementById('news'));
      chart.draw(data, {width: 580, height: 240, is3D: true, title: 'Добавленные фильмы'});
        var chart = new google.visualization.PieChart(document.getElementById('comm'));
      chart.draw(datacomm, {width: 580, height: 240, is3D: true, title: 'Комментарии на сайте'});
            var chart = new google.visualization.LineChart(document.getElementById('user'));
      chart.draw(datauser, {width: 580, height: 240, legend: 'bottom', title: 'Пользователи'});
  


      }
  
  </script>

   <div>
    <div id='news' style="float:left"></div>
           <div id='comm' style="float:left"></div>
           <div id='user' style="float:left"></div>
    </div>

Комментарии

  1. snamp 8 ноября 2013 19:22                    

    сколько не пытался поставить так и не получилось - тупо не отображается

Напишите своё мнение