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
echarts option 设置 网格线 柱子形状 刻度 颜色
最新推荐文章于 2024-08-22 09:43:13 发布
本文介绍了如何使用Echarts库来配置柱状图,包括设置网格线的显示与否,柱子的形状、颜色及圆角,以及调整x轴的刻度线和颜色等细节。示例代码展示了具体的option对象结构。
摘要由CSDN通过智能技术生成