Echarts升级5：x轴、y轴线及文字上色

目录

效果：

配置 ：

y轴

x轴：

---

 

效果：

配置 ：

y轴

yAxis: {
            name: "限值",
            type: 'value',
            //y轴上方单位的颜色
            nameTextStyle: {
              color: '#77bef7'
            },
            type: 'value',
            //y轴数值颜色
            axisLabel: {
              show: true,
              textStyle: {
                color: '#77bef7'
              }
            },
            //y轴颜色
            axisLine: {
              lineStyle: {
                color: '#999999',
                width: 1,
              }
            },
            splitLine: {
              show: true,
              lineStyle: {
                color: '#999999',
                type: 'dashed'
              }
            }
          },

x轴：

xAxis: {
            name: "排口",
            type: "category",
            boundaryGap: true,
            data: this.xAxis,
            //x轴日期颜色
            axisLabel: {
              show: true,
              textStyle: {
                color: '#B8B8B8'
              }
            },
            //x轴颜色
            axisLine: {
              lineStyle: {
                color: '#999999',
                width: 1,
              }
            },
            splitLine: {
              lineStyle: {
                color: '#B8B8B8',
                default: 'solid'
              }
            }
          },