echarts 柱状图 详解与使用集合

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, //—是否朝内

lengt:3, //—长度

lineStyle:{

//color:‘red’, //—默认取轴线的颜色

width:1,

type:‘solid’,

},

},

axisLabel:{ //—坐标轴 标签

show:true, //—是否显示

inside:false, //—是否朝内

rotate:0, //—旋转角度

margin: 5, //—刻度标签与轴线之间的距离

//color:‘red’, //—默认取轴线的颜色

},

<