nieyuan1980 opened a new issue, #18648:
URL: https://github.com/apache/echarts/issues/18648
### Version
echarts.5.4.2
### Link to Minimal Reproduction
null
### Steps to Reproduce
option = {
backgroundColor :'#999',
borderRadius: [20, 20, 20, 20],
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
### Current Behavior
I tried using three methods.
**1. Added option attribute: borderRadius: [20, 20, 20, 20], (this is the
answer from chatgpt)**
```
option = {
backgroundColor :'#999',
**borderRadius: [20, 20, 20, 20],**
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
```
**2. Set the radian of the echarts container itself.**
```
<div ref="EnergyCalendar" style="border-radius: 20px;height: 320px; width:
100%;">
</div>
```
**3. Wrap the div outside the echarts container and set the radian of the
div.**
```
<div style="border-radius: 20px;">
<div ref="EnergyCalendar" style="height: 320px; width: 100%;">
</div>
</div>
```
But none of these three methods are effective.
### Expected Behavior
I expect the four corners of the echarts background to have a certain degree
of curvature
### Environment
```markdown
- OS:
- Browser:
- Framework:
```
### 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]
