From ed37370c4a7c850e943f31488db8379060c26bbe Mon Sep 17 00:00:00 2001 From: Dominik Csapak Date: Tue, 4 Oct 2016 16:29:21 +0200 Subject: [PATCH] move rrd legend to the bottom, make it toggleable this is to make up for the lost width, and to make up for the lost height, you can now toggle the legend Signed-off-by: Dominik Csapak --- www/manager6/panel/RRDChart.js | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/www/manager6/panel/RRDChart.js b/www/manager6/panel/RRDChart.js index 449eb4a5..5b2abf18 100644 --- a/www/manager6/panel/RRDChart.js +++ b/www/manager6/panel/RRDChart.js @@ -22,9 +22,7 @@ Ext.define('PVE.widget.RRDChart', { fields: ['time'] }], legend: { - docked: 'right', - // we set this that all graphs have same width - width: 140 + docked: 'bottom' }, listeners: { afterrender: 'onAfterRender', @@ -112,8 +110,7 @@ Ext.define('PVE.widget.RRDChart', { } me.axes[0].setTitle(axisTitle); - - me.addTool({ + me.addTool([{ type: 'minus', disabled: true, tooltip: gettext('Undo Zoom'), @@ -123,7 +120,13 @@ Ext.define('PVE.widget.RRDChart', { undoButton.handler(); } } - }); + },{ + type: 'restore', + tooltip: gettext('Toggle Legend'), + handler: function(){ + me.legend.setVisible(!me.legend.isVisible()); + } + }]); // add a series for each field we get me.fields.forEach(function(item, index){ var title = item;