Overlay Image in XY Chart Panel?

[kensan]

Working Grafana 11.6.9

Im trying to add an image background in the XY chart panel through CSS. I can target the panel class but im sure it is dynamic. Is there anyway to inject a unique class to the XY chart panel ? Preferably not touching any SDK.

example CSS

[data-viz-panel-key=“panel-29”] .u-over{ background:url(“public/img/dashboards/excavator_icon.png”) no-repeat center left;
background-size: 150%;
opacity: 20%;
}

[infofcc3]

@kensan

Working Grafana 11.6.9

Im trying to add an image background in the XY chart panel through CSS. I can target the panel class but im sure it is dynamic. Is there anyway to inject a unique class to the XY chart panel ? Preferably not touching any SDK.

example CSS

[data-viz-panel-key=“panel-29”] .u-over{ background:url(“public/img/dashboards/excavator_icon.png”) no-repeat center left;
background-size: 150%;
opacity: 20%;
}

hello @kensan you can use canvas visualization (recommended) are you using selfhosted grafana??

Canvas | Grafana documentation