Echarts柱形头部圆弧处理

第008个

点击查看专栏目录


对于柱状图来说，我们想要的效果是圆柱的上面进行圆弧的处理，产生顺滑的感觉，怎么处理呢，只要设置好样式即可，参考源代码

圆角半径，单位px，支持传入数组分别指定 4 个圆角半径。 如:
borderRadius: 5, // 统一设置四个角的圆角大小
borderRadius: [5, 5, 0, 0] //（顺时针左上，右上，右下，左下）

示例效果

示例源代码（共75行）

/*
* @Author: 还是大剑师兰特（优快云）
* @下面源代码版权归还是大剑师兰特所有，可供学习或商业项目中借鉴，未经授权，不得重复地发表到博客、论坛，问答，git等公共空间或网站中。
* @Email: 2909222303@qq.com
* @First published in 优快云
* @First published time: 2023-02-03
*/
<template>
	<div class="container">