responsive graphs

This commit is contained in:
psychobunny
2014-09-28 15:08:20 -04:00
parent 668b17082d
commit d4b5ea4e1a
3 changed files with 10 additions and 2 deletions

View File

@@ -150,6 +150,10 @@
}
}
.graph-container {
padding-right: 50px;
}
.version-check {
-webkit-transition: background, color 500ms ease-in;
-moz-transition: background, color 500ms ease-in;

View File

@@ -175,7 +175,9 @@ define('forum/admin/index', ['semver'], function(semver) {
};
canvas.width = $(canvas).parent().width();
graphs.traffic = new Chart(ctx).Line(data);
graphs.traffic = new Chart(ctx).Line(data, {
responsive: true
});
setInterval(updateTrafficGraph, 15000);
updateTrafficGraph();

View File

@@ -3,7 +3,9 @@
<div class="panel panel-default">
<div class="panel-heading">Forum Traffic</div>
<div class="panel-body">
<canvas id="analytics-traffic" width="100%" height="400"></canvas>
<div class="graph-container">
<canvas id="analytics-traffic" width="100%" height="400"></canvas>
</div>
</div>
</div>