本文详细介绍了Echarts柱状图的配置，包括x轴和y轴的设置，如轴线、刻度、标签等，并展示了如何根据数据自定义柱子颜色。此外，文章还提及了作者的前端开发经验和分享的全套学习资源，涵盖了前端开发的各个知识点，旨在帮助开发者提升技能。
color:‘#666’,
},
}
},
//------------- x轴 -------------------
xAxis: {
show:true, //—是否显示
position:‘bottom’, //—x轴位置
offset:0, //—x轴相对于默认位置的偏移
type:‘category’, //—轴类型，默认’category’
name:‘月份’, //—轴名称
nameLocation:‘end’, //—轴名称相对位置
nameTextStyle:{ //—坐标轴名称样式
color:“#fff”,
padding:[5,0,0,-5], //—坐标轴名称相对位置
},
nameGap:15, //—坐标轴名称与轴线之间的距离
//nameRotate:270, //—坐标轴名字旋转
axisLine:{ //—坐标轴 轴线
show:true, //—是否显示
//------------------- 箭头 -------------------------
symbol:[‘none’, ‘arrow’], //—是否显示轴线箭头
symbolSize:[8, 8] , //—箭头大小
symbolOffset:[0,7], //—箭头位置
//------------------- 线 -------------------------
lineStyle:{
color:‘#fff’,
width:1,
type:‘solid’,
},
},
axisTick:{ //—坐标轴 刻度
show:true, //—是否显示
inside:true, //—是
最低0.47元/天 解锁文章
扫一扫
501
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
