Мы в твиттере Наша страничка на FaceBook! Сообщество вебмастеров в VK Мы в телеграме!

Statistic 2.0

Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Statistic 2.0.

Statistic 2.0


Установка:
1. Добавить в нужное место шаблона вывода статистики stats.tpl следующий код:
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<article class="box story">
    <div class="box_in dark_top stats_head">
        <canvas id="main" style="width: 240px;"></canvas>
    </div>
    <div class="box_in">
        <div class="statistics">
            <div class="stat_group">
                <canvas id="news" style="width: 240px;"></canvas>
            </div>
        </div>
    </div>
    <div class="box_in dark_top stats_head">
        <canvas id="users" style="width: 240px;"></canvas>
    </div>
</article>
<style type="text/css">
    .canvas {
        width: 70%;
    }
</style>

<script>
var ctx = document.getElementById("main").getContext("2d");
var data = {
  labels: ["Day", "Week", "Month"],
  datasets: [{
    label: "Users",
    backgroundColor: "#f6a71a",
    data: [{user_day}, {user_week}, {user_month}]
  }, {
    label: "Newes",
    backgroundColor: "#ce3f28",
    data: [{news_day}, {news_week}, {news_month}]
  }, {
    label: "Comments",
    backgroundColor: "#3394e6",
    data: [{comm_day}, {comm_week}, {comm_month}]
  }]
};

var myBarChart = new Chart(ctx, {
  type: 'bar',
  data: data,
  options: {
    barValueSpacing: 20,
    scales: {
      yAxes: [{
        ticks: {
          min: 0,
        }
      }]
    }
  }
});

</script>

<script>
var ctx = document.getElementById("users").getContext("2d");
var data = {
  labels: ['All User', 'Ban User'],
        datasets: [{
            label: 'Users',
            backgroundColor: '#f6a71a',
            borderColor: '#fff',
            data: [{user_num}, {user_banned}]
  }]
};

var myBarChart = new Chart(ctx, {
  type: 'bar',
  data: data,
  options: {
    barValueSpacing: 20,
    scales: {
      yAxes: [{
        ticks: {
          min: 0,
        }
      }]
    }
  }
});
</script>

<script>
var ctx = document.getElementById('news').getContext('2d');
var myDoughnutChart = new Chart(ctx, {
    type: 'doughnut',
    data: {
        labels: ['All News', 'Approved', 'On moderation','Comment'],
        datasets: [{
            label: 'News',
            backgroundColor: [
                '#f6a71a', // Color Of Label - News
                '#ce3f28',
                '#3394e6',
                '#4CAF50'
            ],
            borderColor: [
                '#fff',
                '#fff',
                '#fff'
            ],

            data: [{news_num}, {news_allow}, {news_moder},{comm_num}]
        }]

    },
    
    options: {}
});
</script>

Готово!




Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


0


Просмотры: 539 :: Комментарии (0) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

ПЕРЕЙТИ НА САЙТ - СКРИПТЫ,ПЛАГИНЫ,СОФТ...

НАКРУТКА В СОЦ СЕТЯХ ДЕШЕВО!!!

Блог о бесплатных играх. Коды бесплатных игр в Steam, Epic Games, Uplay - freegamesinfo.ru

drink Премиум Темы и Премиум Плагины - на РУССКОМ - ХАЛЯВА! Качаем, пользуемся. yahoo bomb

Строительный портал России, бесплатные объявления. mirstroyki.store

Наши баннеры
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Нужна ли категория "Интернет магазины"?

Да
Нет

Архив новостей
Январь 2022 (194)
Декабрь 2021 (302)
Ноябрь 2021 (328)
Октябрь 2021 (352)
Сентябрь 2021 (293)
Август 2021 (173)

Последние комментарии:

Искать людей

Ваши переписки