const option = { color: ['#59cef5'], grid: { left: '15%', right: '15%', top: '15%', bottom: '12%' }, xAxis: { type: 'category', data: [name1, name2, name3, name4], axisLine: {//底部横线 show: false }, axisTick: {//刻度线 show: false }, splitLine: {//网格线 show: false }, axisLabel: {//底部文字设置 fontWeight: 600, color: "#000" } }, yAxis: { type: 'value', splitLine: { show: false //去掉网格线 }, show: false//是否显示y轴 }, series: [ { data: [value1, value2, value3, value4], type: 'bar', itemStyle: { normal: { color: function (params) {//柱状图颜色设置 let colorList = ['#ff713f', '#b0ee67', '#15d187', '#59cef5']; return colorList[params.dataIndex] }, barBorderRadius: [20, 20, 20, 20]//柱状图圆角 } }, barWidth: 20,//柱子的宽度 label: { show: true,//上面显示文字 position: 'top' } } ] }
echarts option 设置 网格线 柱子形状 刻度 颜色
最新推荐文章于 2022-03-12 22:11:15 发布