info.gesundheitsministerium.gv.at new diagram tampermonkey

// ==UserScript==
// @name         info.gesundheitsministerium.gv.at TrendPercent
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Show percents
// @author
// @match        https://info.gesundheitsministerium.gv.at/
// @grant        unsafeWindow
// ==/UserScript==


(function() {
    'use strict';

    window.addEventListener('load', function() {

        var dpTrend = unsafeWindow.dpTrend;

        var row = document.createElement("DIV");
        row.classList.add("row");
        var col = document.createElement("DIV");
        col.classList.add("col-lg-6");
        col.classList.add("col-md-12");
        col.classList.add("col-sm-12");
        col.style.marginTop = "0.3em";
        var diagram = document.createElement("DIV");
        diagram.setAttribute("id", "customTrend");
        diagram.style.minHeight = "400px";
        col.appendChild(diagram);
        row.appendChild(col);
        var rows = document.getElementsByClassName("container-fluid")[0];
        rows.insertBefore(row, rows.firstChild);

var ps=[];
var maxi = dpTrend.length;
for (var i=0;i<maxi-1;i++) {
    var v1 = dpTrend[i].y;
    var v2 = dpTrend[i+1].y;
    var p= Math.trunc((v2/v1-1)*100);
    console.log(p);
    ps.push({"label" : dpTrend[i].label, "y":p, "x" : i+1});
}

var chart5 = new CanvasJS.Chart("customTrend", {
                animationEnabled: true,
                theme: "dark1",
                title: {
                    text: "Nationaler Trend %", fontFamily: "calibri", fontSize: 20, fontWeight: "normal"
                },
                axisY: [{
                    title : "%",
                    includeZero: true,
                    stripLines:[{
                        value: 10
                    }]
                },{
                    title : "#",
                    includeZero: true
                },{
                    title : "log #",
                    logarithmic: true
                }],
                data: [{
                    type: "line",
                    axisYIndex: 0,
                    dataPoints: ps
                },{
                    type: "line",
                    axisYIndex: 1,
                    dataPoints: dpTrend
                },{
                    type: "line",
                    axisYIndex: 2,
                    dataPoints: dpTrend
                }]
            });
chart5.render();
    }, false);

})();