Guest User

info.gesundheitsministerium.gv.at new diagram tampermonkey

a guest
Mar 26th, 2020
66
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // ==UserScript==
  2. // @name         info.gesundheitsministerium.gv.at TrendPercent
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2
  5. // @description  Show percents
  6. // @author      
  7. // @match        https://info.gesundheitsministerium.gv.at/
  8. // @grant        unsafeWindow
  9. // ==/UserScript==
  10.  
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     window.addEventListener('load', function() {
  16.  
  17.         var dpTrend = unsafeWindow.dpTrend;
  18.  
  19.         var row = document.createElement("DIV");
  20.         row.classList.add("row");
  21.         var col = document.createElement("DIV");
  22.         col.classList.add("col-lg-6");
  23.         col.classList.add("col-md-12");
  24.         col.classList.add("col-sm-12");
  25.         col.style.marginTop = "0.3em";
  26.         var diagram = document.createElement("DIV");
  27.         diagram.setAttribute("id", "customTrend");
  28.         diagram.style.minHeight = "400px";
  29.         col.appendChild(diagram);
  30.         row.appendChild(col);
  31.         var rows = document.getElementsByClassName("container-fluid")[0];
  32.         rows.insertBefore(row, rows.firstChild);
  33.  
  34. var ps=[];
  35. var maxi = dpTrend.length;
  36. for (var i=0;i<maxi-1;i++) {
  37.     var v1 = dpTrend[i].y;
  38.     var v2 = dpTrend[i+1].y;
  39.     var p= Math.trunc((v2/v1-1)*100);
  40.     console.log(p);
  41.     ps.push({"label" : dpTrend[i].label, "y":p, "x" : i+1});
  42. }
  43.  
  44. var chart5 = new CanvasJS.Chart("customTrend", {
  45.                 animationEnabled: true,
  46.                 theme: "dark1",
  47.                 title: {
  48.                     text: "Nationaler Trend %", fontFamily: "calibri", fontSize: 20, fontWeight: "normal"
  49.                 },
  50.                 axisY: [{
  51.                     title : "%",
  52.                     includeZero: true,
  53.                     stripLines:[{
  54.                         value: 10
  55.                     }]
  56.                 },{
  57.                     title : "#",
  58.                     includeZero: true
  59.                 },{
  60.                     title : "log #",
  61.                     logarithmic: true
  62.                 }],
  63.                 data: [{
  64.                     type: "line",
  65.                     axisYIndex: 0,
  66.                     dataPoints: ps
  67.                 },{
  68.                     type: "line",
  69.                     axisYIndex: 1,
  70.                     dataPoints: dpTrend
  71.                 },{
  72.                     type: "line",
  73.                     axisYIndex: 2,
  74.                     dataPoints: dpTrend
  75.                 }]
  76.             });
  77. chart5.render();
  78.     }, false);
  79.  
  80. })();
RAW Paste Data