How to remove the box that appears when I hover over it?

[Anonymous]

Hello, I would like help with an issue I'm experiencing. I created a calendar with the months, and when I hover over a square, a box with the code I used appears. If someone could help me remove this or optimize my code, I would appreciate it. I'll leave the image and the code below.

Calendario Animado v1 =

VAR vForm_fds_bg =

    SWITCH(

        TRUE(),

        SELECTEDVALUE(Fato[Programa]) = "BBP - Overstock","#919191",

       ...

       SELECTEDVALUE(Fato[Programa]) = " "  && SELECTEDVALUE(Fato[Mês]) = "November","#FFFFFF",

        "#F2A900"

    )

RETURN

"

data:image/svg+xml;utf8,

<svg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'>

    <defs>

        <style>

            :root {

                --fonte: calibri;

                --txt_dia_tam: 50;

                --txt_dia_cor: "";

                --txt_rotulos_tam: 27;

                --txt_rotulos_cor: #000;

                --bg_fundo: "  & vForm_fds_bg &  ";

                --bg_borda_cor:  ;

            }

        </style>

    </defs>

    <rect id='fundo' x='4' y='4' width='192' height='192' fill='var(--bg_fundo)' stroke='var(--bg_borda_cor)' stroke-width='8' rx='5' />

</svg>

"

[VijayP]

@Anonymous Got it , keep it back! issue is with language, i think it is type in spanish

In the below code one of the element is controlling that black box , try removing any one of them and see whether result is there, else share me complete code (in English if posible) with few lines of sample data

 :root {

                --fonte: calibri;

                --txt_dia_tam: 50;

                --txt_dia_cor: "";

                --txt_rotulos_tam: 27;

                --txt_rotulos_cor: #000;

                --bg_fundo: "  & vForm_fds_bg &  ";

                --bg_borda_cor:  ;

            }

[Anonymous]

I'm sorry, I didn't notice it was in Portuguese.

I've modified several parts of the code, but without success.

Animated Calendar v1 =
VAR vForm_fds_bg =
SWITCH(
TRUE(),
SELECTEDVALUE(Fato[Program]) = "BBP - Overstock","#919191",
SELECTEDVALUE(Fato[Program]) = "Zero Rate - Banco John Deere" &&
SELECTEDVALUE(Fato[Program]) = " " && SELECTEDVALUE(Fato[Month]) = "November","#FFFFFF",
"#F2A900"
)
RETURN
"
data&colon;image/svg+xml;utf8,
<svg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'>
<defs>
<style>
:root {
--font: calibri;
--txt_day_size: 50;
--txt_day_color: "";
--txt_labels_size: 27;
--txt_labels_color: #000;
--bg_background: " & vForm_fds_bg & ";
--bg_border_color: ;
}
</style>
</defs>
<rect id='background' x='4' y='4' width='192' height='192' fill='var(--bg_background)' stroke='var(--bg_border_color)' stroke-width='8' rx='5' />
</svg>
"

[VijayP]

@Anonymous 

Try switching off the tooltip and let  me know if it doesnt work

[Anonymous]

Thank you for the answer; unfortunately, I was trying that and it didn't stop appearing.

[VijayP]

@Anonymous  Try removing <rect id='fundo' x='4' y='4' width='192' height='192' fill='var(--bg_fundo)' stroke='var(--bg_borda_cor)' stroke-width='8' rx='5' /> and see what's happening 

rect is defined for which object need to see

[Anonymous]

The squares disappeared, but the box remained