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 tooltip in "Time series bucket" mode, #9332 (#9867)

Browse Source
This commit is contained in:
Alexander Zobnin 2017-11-13 17:20:12 +03:00 committed by Torkel Ödegaard
parent ecbe7d06a6
commit e7f3480803
3 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/app/plugins/panel/heatmap/heatmap_data_converter.ts
View File

@ -35,7 +35,16 @@ function elasticHistogramToHeatmap(seriesList) {
bucket = heatmap[time] = {x: time, buckets: {}};
}
bucket.buckets[bound] = {y: bound, count: count, values: [], points: []};
bucket.buckets[bound] = {
y: bound,
count: count,
bounds: {
top: null,
bottom: bound
},
values: [],
points: []
};
}
}

5
public/app/plugins/panel/heatmap/heatmap_tooltip.ts
View File

@ -83,7 +83,7 @@ export class HeatmapTooltip {
let xData = data.buckets[xBucketIndex];
// Search in special 'zero' bucket also
let yData = _.find(xData.buckets, (bucket, bucketIndex) => {
return bucket.bounds.bottom === yBucketIndex || bucketIndex === yBucketIndex;
return bucket.bounds.bottom === yBucketIndex || bucketIndex === yBucketIndex.toString();
});
let tooltipTimeFormat = 'YYYY-MM-DD HH:mm:ss';
@ -168,7 +168,8 @@ export class HeatmapTooltip {
let yBucketSize = this.scope.ctrl.data.yBucketSize;
let {min, max, ticks} = this.scope.ctrl.data.yAxis;
let histogramData = _.map(xBucket.buckets, bucket => {
return [bucket.bounds.bottom, bucket.values.length];
let count = bucket.count !== undefined ? bucket.count : bucket.values.length;
return [bucket.bounds.bottom, count];
});
histogramData = _.filter(histogramData, d => {
return d[0] >= min && d[0] <= max;

14
public/app/plugins/panel/heatmap/specs/heatmap_data_converter.jest.ts
View File

@ -222,23 +222,23 @@ describe('ES Histogram converter', () => {
'1422774000000': {
x: 1422774000000,
buckets: {
'1': { y: 1, count: 1, values: [], points: [] },
'2': { y: 2, count: 5, values: [], points: [] },
'3': { y: 3, count: 0, values: [], points: [] }
'1': { y: 1, count: 1, values: [], points: [], bounds: {bottom: 1, top: null}},
'2': { y: 2, count: 5, values: [], points: [], bounds: {bottom: 2, top: null}},
'3': { y: 3, count: 0, values: [], points: [], bounds: {bottom: 3, top: null}}
}
},
'1422774060000': {
x: 1422774060000,
buckets: {
'1': { y: 1, count: 0, values: [], points: [] },
'2': { y: 2, count: 3, values: [], points: [] },
'3': { y: 3, count: 1, values: [], points: [] }
'1': { y: 1, count: 0, values: [], points: [], bounds: {bottom: 1, top: null}},
'2': { y: 2, count: 3, values: [], points: [], bounds: {bottom: 2, top: null}},
'3': { y: 3, count: 1, values: [], points: [], bounds: {bottom: 3, top: null}}
}
},
};
let heatmap = elasticHistogramToHeatmap(ctx.series);
expect(heatmap).toMatchObject(expectedHeatmap);
expect(heatmap).toEqual(expectedHeatmap);
});
});
});