Tooltip change color

ERPNext Support
, , , ,
1

Dear All
I need to change the background color for the tooltip and the inside font
please help me
thanks

tooltipOptions: {
formatTooltipX: (d) => (d).toUpperCase(),
formatTooltipY: (d) => d
}

image
image1379×365 17.4 KB

2

@msiam You can chnage it using css I think like…

.graph-svg-tip, .graph-svg-tip > .svg-pointer{
    background: #fff;
}
.graph-svg-tip > .title, .graph-svg-tip > .title > strong {
    color: #000;
}
3

how i can implement this code

4

@msiam It depends where is the chart. If it’s in a report and there is a JavaScript file, then you can modify the colors using JavaScript…

5

yes, its a page in JS file

6

In that case, you can do that using js…

frappe.dom.set_style(`
    .graph-svg-tip, .graph-svg-tip > .svg-pointer{
        background: #fff;
    }
    .graph-svg-tip > .title, .graph-svg-tip > .title > strong {
        color: #000;
    }
`);