Javascript 如何在海图中设置堆叠条形图的边界半径

嗨，我正在尝试使用设置两个项目的堆叠条的边界半径

borderRadiusTopLeft:“50%”， BorderRadiusToRight:“50%”， borderRadiusBottomLeft:“50%”， borderRadiusBottomRight:“50%”

如果两个值都大于1，则该选项工作正常

问题是其中一个值为0时

我需要两边都有半径，即使值为0

请查找图表的附件

谁能帮帮我吗

尝试设置父对象的边界半径，这对我很有用：

.酒吧{ 宽度：200px； 高度：20px； 显示器：flex； 对齐项目：拉伸； 边界半径：6px； 溢出：隐藏； } .bar>*{ 颜色：白色； 显示器：flex； 对齐项目：居中； 证明内容：中心； } 瑞德先生{ 背景色：E37273； flex:var-red； } 蓝先生{ 背景色：29D0CE； flex:var蓝； } 8. 5. 3. 8.

---

与其设置子元素的边界半径，为什么不设置父元素的边界半径？如果我添加到父元素，则StackBar中每个条的边界半径都为getting border radius，您是否可以在我可以使用的某个在线编辑器上重现您当前的尝试？