Echarts中柱状图的基本设置

Echarts - 去掉图表横纵坐标轴刻度线

效果图

去掉前：

去掉后：

axisTick: {
   show: false
}

X轴Y轴文字颜色和大小的设置

axisLabel:{
    textStyle:{
        color:"#f9f9f9",
            fontSize:12
    }
}

X轴Y轴刻度线的颜色和宽度的设置：

axisLine:{
    show:true,//是否显示
    lineStyle:{
        color:"#1a80b0",//轴线的颜色
        width:1,//轴线的宽度
        type:"solid"//轴线的类型
    }    
}

轴线的设置：

设置轴线时，需先设置刻度线文字的颜色

 splitLine: { //y轴的颜色
                lineStyle: {
                  type: "dashed", //虚线
                  color: '#004e86' //颜色
            },

x轴文字无法显示全，需设置角度

 axisLabel:{
                color: 'white',
                fontSize:10,
                interval:0,
                rotate:-40,
                textStyle:{
                  color: "#f9fafc",//x轴文字的颜色
                  fontSize:10
                }
              },

y轴单位颜色

              type:'value',
              name:'单位：万元',
              nameTextStyle:{
                color:"#fff",
              },

echarts formatter鼠标悬停显示信息

 tooltip: {
            trigger: 'axis',
            axisPointer: {
              type: 'shadow'
            }
          },