IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

graph: fix legend height calculation

Browse Source
This commit is contained in:
Alexander Zobnin 2017-12-07 12:03:39 +03:00
parent 3cdf0dce56
commit 58d40eb6a0
1 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/app/plugins/panel/graph/legend.ts
View File

@ -27,8 +27,7 @@ module.directive('graphLegend', function(popoverSrv, $timeout) {
ctrl.events.emit('legend-rendering-complete'); ctrl.events.emit('legend-rendering-complete');
}); });
function updateLegendDecimals() { function updateLegendDecimals(graphHeight) {
let graphHeight = ctrl.height - $container.height();
updateLegendValues(data, panel, graphHeight); updateLegendValues(data, panel, graphHeight);
} }
@ -155,8 +154,21 @@ module.directive('graphLegend', function(popoverSrv, $timeout) {
} }
} }
var seriesElements = []; // render first time for getting proper legend height
if (!panel.legend.rightSide) {
renderLegendElement(tableHeaderElem);
let graphHeight = ctrl.height - $container.height() - 23;
updateLegendDecimals(graphHeight);
$container.empty();
} else {
updateLegendDecimals(ctrl.height);
}
renderLegendElement(tableHeaderElem);
}
function renderSeriesLegendElements() {
let seriesElements = [];
for (i = 0; i < seriesList.length; i++) { for (i = 0; i < seriesList.length; i++) {
var series = seriesList[i]; var series = seriesList[i];
@ -176,7 +188,6 @@ module.directive('graphLegend', function(popoverSrv, $timeout) {
html += '<a class="graph-legend-alias pointer" title="' + series.aliasEscaped + '">' + series.aliasEscaped + '</a>'; html += '<a class="graph-legend-alias pointer" title="' + series.aliasEscaped + '">' + series.aliasEscaped + '</a>';
if (panel.legend.values) { if (panel.legend.values) {
updateLegendDecimals();
var avg = series.formatValue(series.stats.avg); var avg = series.formatValue(series.stats.avg);
var current = series.formatValue(series.stats.current); var current = series.formatValue(series.stats.current);
var min = series.formatValue(series.stats.min); var min = series.formatValue(series.stats.min);
@ -193,6 +204,11 @@ module.directive('graphLegend', function(popoverSrv, $timeout) {
html += '</div>'; html += '</div>';
seriesElements.push($(html)); seriesElements.push($(html));
} }
return seriesElements;
}
function renderLegendElement(tableHeaderElem) {
var seriesElements = renderSeriesLegendElements();
if (panel.legend.alignAsTable) { if (panel.legend.alignAsTable) {
var maxHeight = ctrl.height; var maxHeight = ctrl.height;