**设置柱状图的圆角 **
barBorderRadius:[30,30,30,100]
复制
圆角的数值barBorderRadius:【左上角,右上角,右下角,左下角】
设置四个角都是同一个圆角值,可以设置:
barBorderRadius:30
复制
示例:
option = { backgroundColor: '#00265f', "title": { "text": "政策补贴额度", x: "center", y:"4%", textStyle: { color: '#fff', fontSize: '22' }, subtextStyle: { color: '#90979c', fontSize: '16', }, }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, grid: { top: '15%', right: '3%', left: '5%', bottom: '12%' }, xAxis: [{ type: 'category', data: ['制造业', '建筑业', '农林牧渔', '房地产', '金融业', '居民服务及其他'], axisLine: { lineStyle: { color: 'rgba(255,255,255,0.12)' } }, axisLabel: { margin: 10, color: '#e2e9ff', textStyle: { fontSize: 14 }, }, }], yAxis: [{ name: '单位:万元', axisLabel: { formatter: '{value}', color: '#e2e9ff', }, axisLine: { show: false, lineStyle: { color: 'rgba(255,255,255,1)' } }, splitLine: { lineStyle: { color: 'rgba(255,255,255,0.12)' } } }], series: [{ type: 'bar', data: [5000, 2600, 1300, 1300, 1250, 1500], barWidth: '20px', itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(0,244,255,1)' // 0% 处的颜色 }, { offset: 1, color: 'rgba(0,77,167,1)' // 100% 处的颜色 }], false), barBorderRadius:[30,30,30,100] , shadowColor: 'rgba(0,160,221,1)', shadowBlur: 4, } }, label: { normal: { show: true, lineHeight: 30, width: 80, height: 30, backgroundColor: 'rgba(0,160,221,0.1)', borderRadius: 200, position: ['-8', '-60'], distance: 1, formatter: [ ' {d|●}', ' {a|{c}} \n', ' {b|}' ].join(','), rich: { d: { color: '#3CDDCF', }, a: { color: '#fff', align: 'center', }, b: { width: 1, height: 30, borderWidth: 1, borderColor: '#234e6c', align: 'left' }, } } } }] };
复制