ECharts的基本配置-X轴配置（xAxis）

 xAxis: {
    show: true, // 是否显示x轴
    type: 'category', // 坐标轴类型
    name: '类别', // x轴名称
    nameRotate: 0, // 轴名称旋转角度
    position: 'bottom', // 坐标轴刻度标签的位置（'top'，'bottom'）
    inverse: false, // 是否是反向坐标轴 值逆转
    // boundaryGap: ['20%', '10%'], // 坐标轴两边留白策略
    // splitNumber: 7, // 坐标轴的分割段数（预估值）
    // 坐标轴轴线
    axisLine: {
      show: true, // 是否显示
      lineStyle: {
        color: 'green', //坐标轴颜色
        width: 2, // 坐标轴线线宽
        type: 'solid' // 坐标轴线线的类型（'solid'实线；'dashed'虚线；'dotted'点状）
      },
      symbol: ['none', 'arrow'], // 轴线两端箭头，两个值（左、右），none表示没有箭头，arrow表示有箭头
      symbolSize: [8, 15] // 轴线两端箭头大小，数值一表示高度，数值二表示宽度
    },
    // 刻度线
    axisTick: {
      show: true, //  是否显示
      inside: false, // 坐标轴刻度是否朝内，默认朝外(false)
      length: 5, // 坐标轴刻度的长度
      alignWithLabel: true, //刻度线与刻度标签是否对齐
      lineStyle: {
        color: '#333', //刻度线颜色
        width: 2, // 刻度线粗细
        type: 'dashed' // 坐标轴线线的类型（'solid'实线；'dashed'虚线；'dotted'点状）
      }
    },
    // 坐标轴刻度标签(轴文字)
    axisLabel: {
      show: true,
      interval: 1, // 显示间隔，在类目轴中有效，0显示所有
      inside: false, // 是否朝内，默认朝外(false)
      rotate: 0, // 旋转角度，旋转的角度从 -90 度到 90 度
      margin: 8, // 刻度标签与轴线之间的距离
      color: '#ccc', // 刻度标签文字的颜色
      fontStyle: 'normal', // 文字字体的风格（'normal'无样式；'italic'斜体；'oblique'倾斜字体）
      fontWeight: 'normal', // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
      fontSize: '12' // 文字字体大小
      // align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
      // lineHeight: '12', // 行高
      // formatter 刻度标签的内容格式器，支持字符串模板和回调函数两种形式
      // verticalAlign: 'top', // 文字垂直对齐方式，默认自动（'top'，'middle'，'bottom'
      // backgroundColor: 'red' // 文字块背景色，例：'#123234', 'red', 'rgba(0,23,11,0.3)'
    },
    // 网格线
    splitLine: {
      show: true, // 是否显示分隔线(默认数值轴显示，类目轴不显示)
      interval: 0, // 坐标轴刻度标签的显示间隔，在类目轴中有效，0显示所有
      // 分隔线颜色，可以设置成单个颜色，也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色
      color: ['#aaa'],
      width: 1, // 分隔线线宽
      type: 'solid' // 坐标轴线线的类型（'solid'实线；'dashed'虚线；'dotted'点状）
    },
    // 分隔区域
    splitArea: {
      show: false, // 是否显示
      interval: 0, // 坐标轴刻度标签的显示间隔，在类目轴中有效，0显示所有
      areaStyle: {
        color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'], // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色
        opacity: 0.5 // 图形透明度(0-1)
      }
    },
    // 数据（值）
    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
  },