ArturCapraro opened a new issue, #17326:
URL: https://github.com/apache/echarts/issues/17326
### Version
5.3.3
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
Increase the legend font size and try to create an svg with server side
rendering.
### Current Behavior
When we get the server side rendered image with the default font size, the
image show fine:
`
"legend": {
"type": "plain",
"orient": "horizontal",
"left": 60,
"bottom": 10,
"icon": "roundRect",
"selectedMode": false,
"itemGap": 20,
"data": [
"this is element 1",
"this is element 2",
"this is element 3",
"other elements",
"other elements",
"other elements"
]
},
`
But, if we increase the fontsize, the gaps between legent items does not
increase, causing elements everlap:
`
"legend": {
"type": "plain",
"orient": "horizontal",
"left": 60,
"bottom": 10,
"icon": "roundRect",
"selectedMode": false,
"itemGap": 20,
"textStyle": { "fontSize": 15 },
"data": [
"this is element 1",
"this is element 2",
"this is element 3",
"other elements",
"other elements",
"other elements"
]
},
`
The only difference here from the beginning is ` "textStyle": { "fontSize":
15 },`.
### Expected Behavior
Expect a correct spacing between elements in legend when fontsize increase
avoiding overlap.
### Environment
```markdown
- OS: Ubuntu 20.04.4 LTS
- Browser: Chrome
- Node.js: v18.1.0
```
### Any additional comments?
This only occurs with server side generating. In the front-end with
javascript and the same options the charts are generating correctly even with
font-size increase.
--
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]
