Skip to content

Commit 2297242

Browse files
committed
zoom fixed
1 parent 43b2e76 commit 2297242

File tree

2 files changed

+9
-14
lines changed

2 files changed

+9
-14
lines changed

src/app/components/Map.tsx

Lines changed: 1 addition & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import * as d3 from 'd3';
99

1010
const Map = (props) => {
1111
//import props
12-
const { viewIndex, snapshots } = props;
12+
const { viewIndex, snapshots ,x ,y, k, setZoomState} = props;
1313
let lastSnap: number | null = null;
1414
if (viewIndex < 0) lastSnap = snapshots.length - 1;
1515
else lastSnap = viewIndex;
@@ -19,17 +19,6 @@ const Map = (props) => {
1919
const height: number = 600;
2020
let data = snapshots[lastSnap];
2121

22-
const [{ x, y, k }, setZoomState]: any = useState({
23-
x: 150,
24-
y: 250,
25-
k: 0.75,
26-
});
27-
28-
// useEffect(() => {
29-
// setZoomState(d3.zoomTransform(d3.select('#canvas').node()));
30-
// }, [data]);
31-
32-
3322
useEffect(() => {
3423
document.getElementById('canvas').innerHTML = '_';
3524
setZoomState(d3.zoomTransform(d3.select('#canvas').node()));

src/app/components/StateRoute.tsx

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,8 @@ import Tree from './Tree';
1515
import Map from './Map';
1616
import PerfView from './PerfView';
1717

18+
19+
1820
const Chart = require('./Chart').default;
1921

2022
const ErrorHandler = require('./ErrorHandler').default;
@@ -39,7 +41,11 @@ interface StateRouteProps {
3941
const StateRoute = (props: StateRouteProps) => {
4042
const { snapshot, hierarchy, snapshots, viewIndex } = props;
4143
const [noRenderData, setNoRenderData] = useState(false);
42-
44+
const [{ x, y, k }, setZoomState]: any = useState({
45+
x: 150,
46+
y: 250,
47+
k: 0.75,
48+
});
4349
//Map
4450
const renderMap = () => {
4551
if (hierarchy) {
@@ -124,7 +130,7 @@ const StateRoute = (props: StateRouteProps) => {
124130
</NavLink>
125131
</div>
126132
<Switch>
127-
<Route path="/map" render={renderMap} />
133+
<Route path="/map" render ={(props) => <Map viewIndex={viewIndex} snapshots={snapshots} x={x} y={y} k={k} setZoomState={setZoomState}/> } />
128134
<Route path="/chart" render={renderChart} />
129135
<Route path="/performance" render={renderPerfView} />
130136
<Route path="/" render={renderTree} />

0 commit comments

Comments
 (0)