FHEM/fhem-mirror
2
0
Fork 0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-05-02 06:55:26 +00:00
Code Issues Releases Wiki Activity

statistics2: added new pie chart for last FHEM update

Browse Source 
git-svn-id: https://svn.fhem.de/fhem/trunk@14669 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
markusbloch 2017-07-08 12:37:21 +00:00
parent 14d7549b5b
commit 12ca09828b
2 changed files with 40 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
fhem/contrib/statistics/2017/js/statistics.js
View File

@ -30,6 +30,38 @@ function rand(length) {
return text;
}
function drawUpdatePieChart (data, el) {
var id = rand(5);
el.append("");
el.append("<div id='"+id+"' class='googlepiechart'></div>");
var array = new google.visualization.DataTable();
array.addColumn("string","Topping");
array.addColumn("number","Slices");
array.addRow(["< 1 day", data["0"]]);
array.addRow(["1 day - 1 week", data["7"] ]);
array.addRow(["1 week - 1 month", data["30"]]);
array.addRow(["1 month - 6 months", data["180"]]);
array.addRow(["> 1 year", data["365"]]);
var options = { is3D: true,
chartArea : { height:'80%',width:'95%' },
tooltip: { trigger: 'focus' },
width: 450,
legend: {position: 'right'},
pieSliceText: 'none',
height: 350,
};
var chart = new google.visualization.PieChart(document.getElementById(id));
chart.draw(array,options);
}
function drawGooglePieChart(data, el) {
var id = rand(5);
@ -323,6 +355,7 @@ function onSuccess(data, textStatus, jqXHR) {
drawGooglePieChart(data.data.system.release, $("div#versiontab-FHEM"));
drawGooglePieChart(data.data.system.os, $("div#versiontab-os"));
drawGooglePieChart(data.data.system.perl, $("div#versiontab-perl"));
drawUpdatePieChart(data.data.system.age, $("div#versiontab-update"));
// create module table
createModulTable(data.data.modules,data.data.models, $("table#module-table"));

13
fhem/contrib/statistics/2017/statistics.html
View File

@ -54,18 +54,19 @@
<h3>Used versions</h3>
<div id="maptab" class="tabs">
<ul>
<li><a href="#versiontab-FHEM">FHEM</a></li>
<li><a href="#versiontab-FHEM">FHEM-Release</a></li>
<li><a href="#versiontab-perl">Perl</a></li>
<li><a href="#versiontab-os">OS</a></li>
<li><a href="#versiontab-update">Last FHEM update</a></li>
</ul>
<div id="versiontab-FHEM">
<div id="versiontab-FHEM">
</div>
<div id="versiontab-perl">
<div id="versiontab-perl">
</div>
<div id="versiontab-os">
</div>
</div>
<div id="versiontab-update">
</div>
</div>
<h3>Used FHEM moduls</h3>