echarts中的圆角线条

Question

有没有办法在示例here这样的ECharts图表中对条形图进行舍入

Answer 1

使用roundCap:true

Example

series: [{
        type: 'bar',
        data: [4, 3, 2, 1, 0],
        coordinateSystem: 'polar',
        name: 'Without Round Cap',
        color: 'rgba(200, 0, 0, 0.5)',
        itemStyle: {
            borderColor: 'red',
            borderWidth: 1
        }
    }, {
        type: 'bar',
        data: [4, 3, 2, 1, 0],
        coordinateSystem: 'polar',
        name: 'With Round Cap',
        roundCap: true,
        color: 'rgba(0, 200, 0, 0.5)',
        itemStyle: {
            borderColor: 'green',
            borderWidth: 1
        }
    }],

Answer 2

您需要在该代码中添加css。

How to make corners of progress bar round in css

我在这里找到了解决方案，它将为你工作。