echarts中的圆角条

Question

有没有办法使 ECharts 图表中的条形圆角化，例如此处的示例？

Answer 1

为了更精细地控制哪个角被圆化了多少 -borderRadius可以使用。

borderRadius: 5, // consistently set the size of 4 rounded corners
borderRadius: [5, 5, 0, 0] // (clockwise upper left, upper right, bottom right and bottom left)

borderRadius: 5, // consistently set the size of 4 rounded corners
borderRadius: [5, 5, 0, 0] // (clockwise upper left, upper right, bottom right and bottom left)

这是一个工作示例：https ://stackblitz.com/edit/js-7rkahr?file=index.js

文档：https://echarts.apache.org/en/option.html#series-bar.itemStyle.borderRadius