diff options
author | Kristóf Marussy <kristof@marussy.com> | 2023-08-26 21:44:58 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2023-08-26 22:01:33 +0200 |
commit | a49083f31679c47e1685e0cedbc9a40cc8f48fd8 (patch) | |
tree | d0702f26342297f54124900ecfc52e04c3e16d6f /subprojects/frontend/src/graph/ZoomCanvas.tsx | |
parent | feat(frontend): automatic fit zoom (diff) | |
download | refinery-a49083f31679c47e1685e0cedbc9a40cc8f48fd8.tar.gz refinery-a49083f31679c47e1685e0cedbc9a40cc8f48fd8.tar.zst refinery-a49083f31679c47e1685e0cedbc9a40cc8f48fd8.zip |
refactor(frontent): improve graph drawing
Diffstat (limited to 'subprojects/frontend/src/graph/ZoomCanvas.tsx')
-rw-r--r-- | subprojects/frontend/src/graph/ZoomCanvas.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/subprojects/frontend/src/graph/ZoomCanvas.tsx b/subprojects/frontend/src/graph/ZoomCanvas.tsx index b8faae27..2bb7f139 100644 --- a/subprojects/frontend/src/graph/ZoomCanvas.tsx +++ b/subprojects/frontend/src/graph/ZoomCanvas.tsx | |||
@@ -148,7 +148,8 @@ export default function ZoomCanvas({ | |||
148 | const [x, y] = d3.pointer(event, canvas); | 148 | const [x, y] = d3.pointer(event, canvas); |
149 | return [x - width / 2, y - height / 2]; | 149 | return [x - width / 2, y - height / 2]; |
150 | }) | 150 | }) |
151 | .centroid([0, 0]); | 151 | .centroid([0, 0]) |
152 | .scaleExtent([1 / 32, 8]); | ||
152 | zoomBehavior.on( | 153 | zoomBehavior.on( |
153 | 'zoom', | 154 | 'zoom', |
154 | (event: d3.D3ZoomEvent<HTMLDivElement, unknown>) => { | 155 | (event: d3.D3ZoomEvent<HTMLDivElement, unknown>) => { |
@@ -214,6 +215,6 @@ export default function ZoomCanvas({ | |||
214 | 215 | ||
215 | ZoomCanvas.defaultProps = { | 216 | ZoomCanvas.defaultProps = { |
216 | children: undefined, | 217 | children: undefined, |
217 | fitPadding: 16, | 218 | fitPadding: 8, |
218 | transitionTime: 250, | 219 | transitionTime: 250, |
219 | }; | 220 | }; |