Mercurial > gemma
changeset 3056:5ada194e27fc
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" );