Buttons not shown on dashboard

Grafana
1

I add two buttons in echarts dashboard. they appears in edit mode (and work) but not in view mode. why? what I am missing?
view mode:

imagen
imagen1227×340 16 KB

edit mode:

imagen
imagen1459×362 26.4 KB

2

How are you adding them, I am not seeing the code for them

3

const incrementa = () => {
let mianyo = replaceVariables(“${anyo}”);
alert(mianyo);
mianyo++;
let anyohoy = new Date().getFullYear();
if (anyohoy >= mianyo) locationService.partial({ “var-anyo”: mianyo }, true);
};
const decrementa = () => {
let mianyo = replaceVariables(“${anyo}”);
alert(mianyo);
mianyo–;
if (2020 <= mianyo) locationService.partial({ “var-anyo”: mianyo }, true);
alert(mianyo);
};

let dom = echartsInstance.getDom();
console.log(‘dom:’, dom);
let nodeList = dom.childNodes;
console.log(‘nodeList:’, nodeList);
if (nodeList.length < 2) {
const btnms = document.createElement(“button”);
const textms = document.createTextNode(“+”);
btnms.appendChild(textms);
const btnmn = document.createElement(“button”);
const textmn = document.createTextNode(“-”);
btnmn.appendChild(textmn);

btnms.addEventListener(“click”, incrementa);
btnmn.addEventListener(“click”, decrementa);

const div = document.createElement(“div”);

div.appendChild(btnms);
div.appendChild(btnmn);

dom.insertBefore(div, dom.firstChild);
}

4

yosiasz
I guess is nodeList.length is less than 2 in edit mode but in view mode is 2. (¿?)
I changed
“if (nodeList.length < 2) {”
to
“if (nodeList.length <= 2) {”
and buttons are shown.
Thank you.

1 Like
5

Documentation example must be fixed. BR.rené1

6

You could contribute to fixing it. since you are using it for free?

7

uff I need to learn Github. I have it never used.

8

This is your oppprtunity. Very very easy.