|
@@ -75,7 +75,7 @@
|
|
|
google.charts.setOnLoadCallback(drawChart0);
|
|
google.charts.setOnLoadCallback(drawChart0);
|
|
|
function drawChart0() {
|
|
function drawChart0() {
|
|
|
var data = google.visualization.arrayToDataTable([
|
|
var data = google.visualization.arrayToDataTable([
|
|
|
- ['Network', 'Users'],
|
|
|
|
|
|
|
+ ['Network', 'Messages'],
|
|
|
{% for network in networklist.items %}
|
|
{% for network in networklist.items %}
|
|
|
['{{ network.0 }}', {{ network.1.messages }}],
|
|
['{{ network.0 }}', {{ network.1.messages }}],
|
|
|
{% endfor %}
|
|
{% endfor %}
|
|
@@ -95,9 +95,11 @@
|
|
|
<div class="ui card">
|
|
<div class="ui card">
|
|
|
<div class="content">
|
|
<div class="content">
|
|
|
<div class="header">
|
|
<div class="header">
|
|
|
- <i class="ui sitemap icon"></i>
|
|
|
|
|
- /
|
|
|
|
|
- <i class="ui users icon"></i>
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <i class="ui users icon"></i>
|
|
|
|
|
+ /
|
|
|
|
|
+ <i class="ui sitemap icon"></i>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="content">
|
|
<div class="content">
|
|
@@ -128,15 +130,52 @@
|
|
|
<div class="ui card">
|
|
<div class="ui card">
|
|
|
<div class="content">
|
|
<div class="content">
|
|
|
<div class="header">
|
|
<div class="header">
|
|
|
- <i class="ui sitemap icon"></i>
|
|
|
|
|
- /
|
|
|
|
|
|
|
+ <div>
|
|
|
<i class="ui users icon"></i>
|
|
<i class="ui users icon"></i>
|
|
|
|
|
+ /
|
|
|
|
|
+ <i class="ui sitemap icon"></i>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="content">
|
|
<div class="content">
|
|
|
<div id="userschart"></div>
|
|
<div id="userschart"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <script type="text/javascript">
|
|
|
|
|
+ google.charts.load("current", {packages:["corechart"]});
|
|
|
|
|
+ google.charts.setOnLoadCallback(drawChart1);
|
|
|
|
|
+ function drawChart1() {
|
|
|
|
|
+ var data = google.visualization.arrayToDataTable([
|
|
|
|
|
+ ['Network', 'Channels'],
|
|
|
|
|
+ {% for network in networklist.items %}
|
|
|
|
|
+ ['{{ network.0 }}', {{ network.1.channels }}],
|
|
|
|
|
+ {% endfor %}
|
|
|
|
|
+ ]);
|
|
|
|
|
+ var options = {
|
|
|
|
|
+ legend: 'none',
|
|
|
|
|
+ pieSliceText: 'label',
|
|
|
|
|
+ height: '275',
|
|
|
|
|
+ pieHole: 0.1,
|
|
|
|
|
+ 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
|
|
+ };
|
|
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('networkschart'));
|
|
|
|
|
+ chart.draw(data, options);
|
|
|
|
|
+ }
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <div class="ui card">
|
|
|
|
|
+ <div class="content">
|
|
|
|
|
+ <div class="header">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <i class="ui hashtag icon"></i>
|
|
|
|
|
+ /
|
|
|
|
|
+ <i class="ui sitemap icon"></i>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="content">
|
|
|
|
|
+ <div id="networkschart"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
{% endblock content %}
|
|
{% endblock content %}
|