echarts 柱状体圆角 百分比

echarts 是一款非常优秀的数据可视化工具，支持多种类型的图表展示，包括柱状图、折线图、饼图等。柱状图是其中一个非常常用的图表类型，而圆角柱状图则是柱状图中一种比较美观的展示方式。

在 echarts 中设置圆角柱状图可以通过在柱状图的配置项中设置属性 `barBorderRadius` 来实现，具体如下：

option = {
    // 其他配置项
    series: [{
        type: 'bar',
        data: [20, 30, 40, 50, 60, 70],
        itemStyle: {
            barBorderRadius: [5, 5, 0, 0] // 设置圆角，这里是上面两个角为5px
        }
    }]
};

同时，如果需要在圆角柱状图上显示百分比，可以通过 echarts 的格式化工具实现。具体方法如下：

option = {
    // 其他配置项
    tooltip: {
        formatter: '{b}: {c}%'
    },
    series: [{
        type: 'bar',
        data: [20, 30, 40, 50, 60, 70],
        itemStyle: {
            barBorderRadius: [5, 5, 0, 0] // 设置圆角，这里是上面两个角为5px
        },
        label: {
            show: true,
            formatter: '{c}%'
        }
    }]
};

其中，`tooltip` 中的 `formatter` 属性用于设置鼠标悬浮时提示框的显示格式，`{b}` 表示 x 轴对应的值，`{c}` 表示 y 轴对应的值（即百分比），`series` 中的 `label` 属性用于设置柱状图顶部显示的标签格式，`{c}` 同样表示 y 轴对应的值（即百分比）。