>#### 圓角 ~~~ const value1 = [12, 85, 39, 133, 0] const value2 = [3, 75, 187, 66, 5] const value3 = [12, 85, 39, 133, 0] option = { title: { text: '圓角', textStyle: { color: '#ffffff' }, top: 5, left: 'center', }, toolbox: { feature: { saveAsImage: {} } }, backgroundColor: "#0f375f", color: ['#C1C049', '#3EB177', '#0666E8'], tooltip: { trigger: 'axis', backgroundColor: 'rgba(20,50,125,.8)', axisPointer: { type: 'shadow', // 可選為：'line' | 'shadow' }, }, grid: { left: '10%', right: '10%', bottom: '10%', top: '15%', containLabel: true, }, legend: { left: 'center', top: 35, icon: 'rect', textStyle: { color: '#81b0d6', }, itemWidth: 10, itemHeight: 10, itemGap: 30, //左右間隔 }, xAxis: { type: 'category', data: ['<=100', '100-300', '300-500', '500-1000', '>=1000'], axisLine: { show: true, lineStyle: { color: '#071a4f', width: 1, type: 'solid', }, }, axisTick: { show: false, }, axisLabel: { show: true, textStyle: { color: '#81b0d6', }, }, }, yAxis: { type: 'value', axisLine: { show: false, }, axisTick: { show: false, }, axisLabel: { show: true, textStyle: { color: '#81b0d6', }, }, axisPointer: { snap: true, }, splitLine: { show: true, lineStyle: { color: '#071a4f', type: 'dash', }, }, }, series: [{ name: '低收入', type: 'bar', barWidth: '12%', itemStyle: { normal: { barBorderRadius: 30, //圓角度 }, }, data: value1, }, { name: '中等收入', type: 'bar', barWidth: '12%', itemStyle: { normal: { barBorderRadius: 30, }, }, data: value2, }, { name: '高收入', type: 'bar', barWidth: '12%', itemStyle: { normal: { barBorderRadius: 30, }, }, data: value3, }, ], }; ~~~ >#### 效果圖  <hr>