Make SVG viewBox adaptive to the actual model (#350)

daming-lu · web-flow · commit d435cb1f293e · 2018-03-29T14:49:45.000-07:00
diff --git a/frontend/src/graph/ui/Chart.vue b/frontend/src/graph/ui/Chart.vue
@@ -120,6 +120,10 @@
                 }
 
                 render(d3.select("svg g"), g);
+
+                // adjust viewBox so that the whole graph can be shown, with scroll bar
+                d3.select("svg")
+                  .attr('viewBox', '0 0 ' +  g.graph().width + ' ' + g.graph().height);
             });
         },
 

Original file line number	Diff line number	Diff line change
`@@ -120,6 +120,10 @@`
`120`	`120`	`}`
`121`	`121`
`122`	`122`	`render(d3.select("svg g"), g);`
	`123`	`+`
	`124`	`+ // adjust viewBox so that the whole graph can be shown, with scroll bar`
	`125`	`+ d3.select("svg")`
	`126`	`+ .attr('viewBox', '0 0 ' + g.graph().width + ' ' + g.graph().height);`
`123`	`127`	`});`
`124`	`128`	`},`
`125`	`129`