echarts

echarts设置正负两边圆角

2021-12-09  本文已影响0人  沃德麻鸭

1.设置单边圆角

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

2.正负两边圆角

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

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

data数据结构

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

圆角判定 去series-bar/data 圆角效果
上一篇 下一篇

猜你喜欢

热点阅读