echarts设置正负两边圆角

1.设置单边圆角

series / itemStyle / borderRadius直接设置就可以了

2.正负两边圆角

首先需要明白,如果单纯的去itemStyle里面设置圆角,最终渲染的结果只能以最后一个数值的结果决定图表中柱子的圆角位置,所以组要在外面将接受到的数据进行遍历分别进行圆角的判定,保存在一个变量中

series[bar]中有data属性,data数据结构是一个数组,数组中是对象,包括value和itemStyle属性,如下:

data数据结构

具体设置操作:声明一个空数组,同时遍历传过来的数组,对每一项进行value赋值,并且在itemStyle设置圆角,利用三元表达式对value进行判定,如下:

圆角判定


去series-bar/data


圆角效果
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容