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

Heatmap: Fix empty graph if panel is too narrow (#16460)

Browse Source 
Fixes #16378
This commit is contained in:
Alexander Zobnin
2019-04-10 11:11:17 +03:00
committed by Torkel Ödegaard
parent c0bb154603
commit 180772f169
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/app/plugins/panel/heatmap/rendering.ts
View File

@@ -594,7 +594,8 @@ export class HeatmapRenderer {
yGridSize = Math.floor((this.yScale(1) - this.yScale(base)) / splitFactor);
}
this.cardWidth = xGridSize - this.cardPadding * 2;
const cardWidth = xGridSize - this.cardPadding * 2;
this.cardWidth = Math.max(cardWidth, MIN_CARD_SIZE);
this.cardHeight = yGridSize ? yGridSize - this.cardPadding * 2 : 0;
}
@@ -611,16 +612,13 @@ export class HeatmapRenderer {
}
getCardWidth(d) {
let w;
let w = this.cardWidth;
if (this.xScale(d.x) < 0) {
// Cut card left to prevent overlay
const cuttedWidth = this.xScale(d.x) + this.cardWidth;
w = cuttedWidth > 0 ? cuttedWidth : 0;
w = this.xScale(d.x) + this.cardWidth;
} else if (this.xScale(d.x) + this.cardWidth > this.chartWidth) {
// Cut card right to prevent overlay
w = this.chartWidth - this.xScale(d.x) - this.cardPadding;
} else {
w = this.cardWidth;
}
// Card width should be MIN_CARD_SIZE at least, but cut cards shouldn't be displayed