IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-14 01:23:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

State timeline: defer quadtree construction until first mousemove (#34949)

Browse Source
This commit is contained in:
Leon Sorokin 2021-05-29 14:01:58 -05:00 committed by GitHub
parent 50775651dd
commit 13768da417
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/app/plugins/panel/state-timeline/timeline.ts
View File

@ -143,7 +143,7 @@ export function getConfig(opts: TimelineCoreOptions) {
const fieldConfig = getFieldConfig(seriesIdx);
const fillColor = getFillColor(fieldConfig, valueColor);
const boxRect = (boxRectsBySeries[seriesIdx][valueIdx] = {
boxRectsBySeries[seriesIdx][valueIdx] = {
x: round(left - xOff),
y: round(top - yOff),
w: boxWidth,
@ -152,9 +152,7 @@ export function getConfig(opts: TimelineCoreOptions) {
didx: valueIdx,
// for computing label contrast
fillColor,
});
qt.add(boxRect);
};
if (discrete) {
let fillStyle = fillColor;
@ -429,6 +427,16 @@ export function getConfig(opts: TimelineCoreOptions) {
const setCursor = (u: uPlot) => {
let cx = round(u.cursor!.left! * pxRatio);
let cy = round(u.cursor!.top! * pxRatio);
// if quadtree is empty, fill it
if (!qt.o.length && qt.q == null) {
for (const seriesRects of boxRectsBySeries) {
for (const rect of seriesRects) {
rect && qt.add(rect);
}
}
}
doHover(cx, cy);
};