echarts的橫坐標的沒有具體的標示, X坐標沒有一個格子來提示, 下面有圖具體說明

以下是標準格式

js

/* 蒸發(fā) */
createChartSix() {
  this.$http
    .get(this.$api.dataChart)
    .then(rsp => {
      if (rsp.status == 200) {
        let resData = rsp.data.data.device_1;
        let key = "蒸發(fā)_1";
        let xAxisData = resData[key].names;
        let seriesData = resData[key].values;
        let yMin = Math.min.apply(null, seriesData);
        let yMax = Math.max.apply(null, seriesData);
        var home_echarts_evaporation = echarts.init(
          document.getElementById("home_echarts_evaporation")
        );
        var speed = {
          grid: {
            left: 60
          },
          xAxis: {
            type: "category",
            data: xAxisData,
            axisLabel: {
              show: true,
              textStyle: {
                color: "#fff"
              }
            },
            axisLabel: {
              show: true,
              textStyle: {
                color: "#fff"
              }
            },
            axisLine: {
              lineStyle: {
                color: "#285555"
              }
            }
          },
          yAxis: {
            type: "value",
            min: yMin - 5,
            max: yMax + 5,
            axisLine: {
              lineStyle: {
                color: "#275454"
              }
            },
            axisLabel: {
              show: true,
              textStyle: {
                color: "#fff"
              }
            },
            splitLine: {
              lineStyle: {
                color: ["#0a3435"]
              }
            }
          },
          lineStyle: {
            color: "#0066ff"
          },
          series: [
            {
              data: seriesData,
              type: "line",
              smooth: true
            }
          ]
        };
        var resize = {
          width: 415,
          height: 290
        };
        home_echarts_evaporation.resize(resize);
        home_echarts_evaporation.setOption(speed);
      } else {
        throw rsp.message;
      }
    })
    .catch(err => {
      console.log("createChartOne有異常", err);
    });