echarts 实现柱状图bar顶部圆角显示

2023-12-21 08:55:25

效果展示：

关键代码

            itemStyle: {
                normal: {
                    barBorderRadius:[5, 5 , 0, 0]
                }
            }

完整代码

option = {
        title: {
            text: '',
            textStyle: {
                color: '#000',
                fontSize: 14
            }
        },
        tooltip: {},
        grid: {
            left: '0',
            right: '0',
            bottom: '0',
            containLabel: true
        },
        xAxis: {
            data: ['赵','钱','孙','李'],
            axisLine: {
                lineStyle: {
                    color: '#cccccc'
                }
            },
        },
        yAxis: {
            axisLine: {
                lineStyle: {
                    color: '#cccccc'
                }
            },
        },
        series: [{
            type: 'bar',
            data: [10,30,50,29],
            barMaxWidth: 25,
            itemStyle: {
                normal: {
                    barBorderRadius:[5, 5 , 0, 0]
                }
            }
        }]
    };

文章来源:https://blog.csdn.net/gdgztt/article/details/135089551
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。