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

Fix dense y-axis labels in heatmap using tsbuckets (#24351)

Browse Source 
* Fix dense y-axis labels in heatmap using tsbuckets

This change emulates the non-tsbuckets Y-axis tick count by making
the y-axis label formatter treat a dense set as a sparse set.

fixes #11342

* have d3 do the work

* Update public/app/plugins/panel/heatmap/rendering.ts

Co-authored-by: Alexander Zobnin <alexanderzobnin@gmail.com>

Co-authored-by: Alexander Zobnin <alexanderzobnin@gmail.com>
This commit is contained in:
Theo Schlossnagle
2020-06-10 03:44:50 -04:00
committed by GitHub
parent 72b8300571
commit b15a401efa
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -340,6 +340,7 @@ export class HeatmapRenderer {
addYAxisFromBuckets() { addYAxisFromBuckets() {
const tsBuckets = this.data.tsBuckets; const tsBuckets = this.data.tsBuckets;
let ticks = Math.ceil(this.chartHeight / DEFAULT_Y_TICK_SIZE_PX);
this.scope.yScale = this.yScale = d3 this.scope.yScale = this.yScale = d3
.scaleLinear() .scaleLinear()
@@ -366,11 +367,15 @@ export class HeatmapRenderer {
const yAxis = d3 const yAxis = d3
.axisLeft(this.yScale) .axisLeft(this.yScale)
.tickValues(tickValues)
.tickFormat(tickFormatter) .tickFormat(tickFormatter)
.tickSizeInner(0 - this.width) .tickSizeInner(0 - this.width)
.tickSizeOuter(0) .tickSizeOuter(0)
.tickPadding(Y_AXIS_TICK_PADDING); .tickPadding(Y_AXIS_TICK_PADDING);
if (tickValues && tickValues.length <= ticks) {
yAxis.tickValues(tickValues);
} else {
yAxis.ticks(ticks);
}
this.heatmap this.heatmap
.append('g') .append('g')