工厂OEE趋势echarts 配置项内容和展示

配置项如下
      option = {
  "title": {
    "show": true,
    "text": "工厂OEE趋势",
    "x": "center",
    "padding": 0,
    "textStyle": {
      "color": "#fff",
      "fontSize": 14
    }
  },
  "grid": {
    "left": "15%",
    "top": "20%",
    "right": "0",
    "bottom": "20%"
  },
  "legend": {
    "show": false,
    "top": "5%",
    "width": "100%",
    "height": "10%",
    "itemWidth": 25,
    "itemHeight": 7,
    "itemGap": 10,
    "x": "center",
    "orient": "horizontal",
    "icon": "roundRect",
    "textStyle": {
      "fontSize": 12,
      "color": "#fff"
    },
    "data": [
      "OEE",
      "Plan"
    ]
  },
  "tooltip": {
    "trigger": "axis",
    "axisPointer": {
      "label": {}
    }
  },
  "xAxis": {
    "type": "category",
    "data": [
      "2019-10",
      "2019-11",
      "2019-12",
      "2020-01",
      "2020-02",
      "2020-03",
      "2020-04",
      "2020-05",
      "2020-06",
      "2020-07"
    ],
    "axisLabel": {
      "show": true,
      "fontSize": 8,
      "color": "#ffffff"
    },
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#ffffff"
      }
    },
    "axisTick": {
      "show": true,
      "alignWithLabel": true
    }
  },
  "yAxis": {
    "type": "value",
    "name": "",
    "position": "left",
    "splitNumber": 5,
    "axisLabel": {
      "show": true,
      "fontSize": 8,
      "color": "#ffffff"
    },
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#ffffff"
      }
    },
    "splitLine": {
      "show": true,
      "lineStyle": {
        "color": "rgba(0,0,0,0)"
      }
    },
    "axisTick": {
      "show": true
    }
  },
  "color": [
    "#66ffcc",
    "#ffff00"
  ],
  "series": [
    {
      "name": "OEE",
      "type": "line",
      "showSymbol": false,
      "data": [
        94.37,
        83.19,
        74.52,
        82.14,
        74.57,
        71.22,
        77.56,
        81.32,
        86.19,
        96.24,
        90.25,
        90.25,
        90.26,
        90.27,
        90.27,
        90.28,
        90.28,
        90.28,
        90.29,
        90.29,
        90.29,
        90.29,
        90.3,
        90.3,
        90.3,
        90.31,
        90.31,
        90.31,
        90.31,
        90.32,
        90.32,
        90.32,
        90.32,
        90.32,
        90.32,
        97.61,
        97.71,
        97.71,
        97.71,
        97.72,
        97.72,
        97.72,
        97.72,
        97.72,
        97.72,
        97.73,
        97.73,
        97.73,
        97.73,
        97.73,
        97.73,
        97.73,
        97.73,
        97.73,
        97.73,
        97.73,
        97.73,
        97.74,
        97.74,
        97.74,
        86.25,
        96.49
      ]
    },
    {
      "name": "Plan",
      "type": "line",
      "showSymbol": false,
      "data": [
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85",
        "85"
      ]
    }
  ]
}
    
截图如下