Mercurial > gemma

changeset 3056:5ada194e27fc

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: add diagram legend for waterlevel pdf
author Fadi Abbud <fadi.abbud@intevation.de>
date Tue, 16 Apr 2019 09:31:10 +0200
parents b3c24c47931c
children 40a4a808b9b6
files client/src/components/gauge/Waterlevel.vue
diffstat 1 files changed, 17 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/gauge/Waterlevel.vue	Tue Apr 16 09:26:51 2019 +0200
+++ b/client/src/components/gauge/Waterlevel.vue	Tue Apr 16 09:31:10 2019 +0200
@@ -217,10 +217,27 @@
       });
       var imgData = canvas.toDataURL("image/png");
       pdf.addImage(imgData, "PNG", 40, 60, 380, 130);
+      // Gauge info as a title for pdf
       pdf.setTextColor("steelblue");
       pdf.setFontSize(22);
       pdf.setFontStyle("bold");
       pdf.text(gaugeInfo, 108, 30);
+      // Diagram legend
+      pdf.setFontSize(10);
+      pdf.setTextColor("black");
+      pdf.setDrawColor("white");
+      pdf.setFillColor("steelblue");
+      pdf.circle(60, 190, 2, "FD");
+      pdf.text(63, 191, "Waterlevel");
+      pdf.setFillColor("#dae6f0");
+      pdf.circle(60, 195, 2, "FD");
+      pdf.setFillColor("#e5ffe5");
+      pdf.circle(60, 200, 2, "FD");
+      pdf.text(63, 201, "Navigable Range");
+      pdf.setDrawColor("#90b4d2");
+      pdf.setFillColor("#90b4d2");
+      pdf.circle(60, 195, 0.6, "FD");
+      pdf.text(63, 196, "Prediction");
       pdf.save(
         this.selectedGauge.properties.objname + " Waterlevel-Diagram.pdf"
       );