我最近一直在学习如何使用电子海图。我想改变echarts背景的四个角的半径，像这样：

**运行环境：**echarts：5.4.2 vue3

我尝试了三种方法。1.新增选项属性：borderRadius：[20，20，20，20]，（这是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.设置echarts容器本身的弧度

<div ref="EnergyCalendar" style="border-radius: 20px;height: 320px; width: 100%;">
</div>

3.将div包在echarts容器外，并设置div的半径。

<div style="border-radius: 20px;">
  <div ref="EnergyCalendar" style="height: 320px; width: 100%;">
  </div>
</div>

但这三种方法都不有效。
有没有熟悉ECharts的人可以帮助解释如何实现这个功能？提前感谢您的回答！