|
@@ -40,7 +40,7 @@ var DashboardBars = function() {
|
|
// Main variables
|
|
// Main variables
|
|
var d3Container = d3.select(element),
|
|
var d3Container = d3.select(element),
|
|
width = d3Container.node().getBoundingClientRect().width;
|
|
width = d3Container.node().getBoundingClientRect().width;
|
|
-
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
// Construct scales
|
|
// Construct scales
|
|
@@ -201,9 +201,9 @@ var DashboardBars = function() {
|
|
sidebarToggle && sidebarToggle.addEventListener('click', barsResize);
|
|
sidebarToggle && sidebarToggle.addEventListener('click', barsResize);
|
|
|
|
|
|
// Resize function
|
|
// Resize function
|
|
- //
|
|
|
|
|
|
+ //
|
|
// Since D3 doesn't support SVG resize by default,
|
|
// Since D3 doesn't support SVG resize by default,
|
|
- // we need to manually specify parts of the graph that need to
|
|
|
|
|
|
+ // we need to manually specify parts of the graph that need to
|
|
// be updated on window resize
|
|
// be updated on window resize
|
|
function barsResize() {
|
|
function barsResize() {
|
|
|
|
|
|
@@ -246,7 +246,7 @@ var DashboardBars = function() {
|
|
init: function() {
|
|
init: function() {
|
|
_BarChart('#hours-available-bars', 24, 40, true, 'elastic', 1200, 50, '#EC407A', 'hours');
|
|
_BarChart('#hours-available-bars', 24, 40, true, 'elastic', 1200, 50, '#EC407A', 'hours');
|
|
_BarChart('#goal-bars', 24, 40, true, 'elastic', 1200, 50, '#5C6BC0', 'goal');
|
|
_BarChart('#goal-bars', 24, 40, true, 'elastic', 1200, 50, '#5C6BC0', 'goal');
|
|
- _BarChart('#members-online', 24, 50, true, 'elastic', 1200, 50, 'rgba(255,255,255,0.5)', 'members');
|
|
|
|
|
|
+ // _BarChart('#members-online', 24, 50, true, 'elastic', 1200, 50, 'rgba(255,255,255,0.5)', 'members');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}();
|
|
}();
|