Mercurial > gemma

changeset 3888:ccd77fe5072c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: waterlevels: diagram size dynamic, taken from tamplate
author Fadi Abbud <fadi.abbud@intevation.de>
date Wed, 10 Jul 2019 13:17:41 +0200
parents 83c4672369a2
children 851c0ccba59b 59dba489ec7b
files client/src/components/gauge/Waterlevel.vue
diffstat 1 files changed, 9 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/gauge/Waterlevel.vue	Wed Jul 10 12:47:24 2019 +0200
+++ b/client/src/components/gauge/Waterlevel.vue	Wed Jul 10 13:17:41 2019 +0200
@@ -287,8 +287,14 @@
     addDiagram(position, offset, width, height) {
       let x = offset.x,
         y = offset.y;
-      const svgWidth = 1550;
-      const svgHeight = 400;
+      const svgWidth = this.millimeter2pixels(
+        width,
+        this.templateData.properties.resolution || 80
+      );
+      const svgHeight = this.millimeter2pixels(
+        height,
+        this.templateData.properties.resolution || 80
+      );
       // check if there are tow diagrams on the screen
       // draw the diagram in a separated html element to get the full size
       const offScreen = document.querySelector("#offScreen");
@@ -319,7 +325,7 @@
         xOffset: x,
         yOffset: y,
         // TODO depend on the size and aspect ration on paper
-        scale: this.templateData.properties.paperSize === "a3" ? 0.45 : 0.18
+        scale: this.templateData.properties.paperSize === "a3" ? 0.3 : 0.27
       });
       offScreen.removeChild(svg);
     },