Description
Dernière mise à jour le 26/02/2021, 22:25
Installation Statistics DLE:
1. Ajoutez le code suivant à l’emplacement requis du modèle de sortie des statistiques stats.tpl:
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></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>
Fait!
Avis
Il n’y a pas encore d’avis.