diff --git a/tools/system-analyzer/map-processor.mjs b/tools/system-analyzer/map-processor.mjs index e2108dbc9b..17a4b01112 100644 --- a/tools/system-analyzer/map-processor.mjs +++ b/tools/system-analyzer/map-processor.mjs @@ -337,7 +337,7 @@ class MapLogEvent extends Event { position(chunks) { let index = this.chunkIndex(chunks); - let xFrom = (index + 0.5) * kChunkWidth; + let xFrom = (index + 1.5) * kChunkWidth; let yFrom = kChunkHeight - chunks[index].yOffset(this); return [xFrom, yFrom]; } diff --git a/tools/system-analyzer/timeline/timeline-track.mjs b/tools/system-analyzer/timeline/timeline-track.mjs index ee514a19b1..7c2c86e434 100644 --- a/tools/system-analyzer/timeline/timeline-track.mjs +++ b/tools/system-analyzer/timeline/timeline-track.mjs @@ -240,7 +240,7 @@ defineCustomElement('./timeline/timeline-track', (templateText) => if (chunk.isEmpty()) continue; let node = this.div(); node.className = 'chunk'; - node.style.left = (chunks[i].start * this.#timeToPixel) + 'px'; + node.style.left = ((chunks[i].start - start) * this.#timeToPixel) + 'px'; node.style.height = height + 'px'; node.chunk = chunk; node.addEventListener('mousemove', e => this.handleChunkMouseMove(e));