Auto-scale svg with viewport

12 years ago · a16b38a91b
parent a3c8b09547
commit a16b38a91b
1 changed files with 3 additions and 2 deletions
--- a/panels/map2/module.js
+++ b/panels/map2/module.js
@ -313,8 +313,9 @@ angular.module('kibana.map2', [])

                                //create the new svg
                                scope.svg = d3.select(elem[0]).append("svg")
-                                    .attr("width", width)
-                                    .attr("height", height)
+                                    .attr("width", "100%")
+                                    .attr("height", "100%")
+                                    .attr("viewBox", "0 0 " + width + " " + height)
                                    .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")")
                                    .call(scope.zoom);
                                scope.g = scope.svg.append("g");