Georges67 opened a new issue #16624:
URL: https://github.com/apache/echarts/issues/16624
### Version
5.1.2
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
Create a chart with data as follow:
{
"value": 28,
"originalValue": 528,
"label": {
"show": true,
"width": 25,
"height": 25,
"color": "transparent",
"backgroundColor": {
"image": "data:image/svg+xml;utf8,<svg
xmlns=\"http://www.w3.org/2000/svg\"; id=\"mobile\" viewBox=\"0 0 24 24\"
fill=\"white\"><path fill=\"rgba(180,248,196,0)\" d=\"M127 256h24v24h-24z\"
transform=\"translate(-127 -256)\"/><path data-name=\"phone_pro\" d=\"M142.5
257h-8a2.5 2.5 0 00-2.5 2.5v17a2.5 2.5 0 002.5 2.5h8a2.5 2.5 0
002.5-2.5v-17a2.5 2.5 0 00-2.5-2.5zm-4 21a1.5 1.5 0 111.5-1.5 1.5 1.5 0 01-1.5
1.5zm4.5-4h-9v-14h9z\" transform=\"translate(-127 -256)\"/></svg>"
}
}
}
The SVG inside backgroundColor -> image is not displayed on firefox whereas
it works well on chrome.
If we configur SVG mode instead of canvas mode it also works.
### Current Behavior
SVG is missing in firefox
### Expected Behavior
SVG should be visible
### Environment
```markdown
- OS: ALL
- Browser: Firefox
- Framework: angular
```
### Any additional comments?
_No response_
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
