export const cpuDataOption = {
  title: {
    // text: 'cpu',
    // top: '1px',
    //subtext: 'inter(R) Core(TM) i5-6400 CPU @ 2.7Ghz',
    // subtext: 'inter(R)',
    textStyle: {
      color: '#b9d9eb',
      align: 'left',
      fontStyle: 'normal',
      fontSize: 8
    },
    subtextStyle: {
      align: 'right',
      color: '#333',
      fontStyle: 'normal',
      fontSize: 6
    }
  },
  xAxis: [{
    type: 'category',
    //type: 'time',
    boundaryGap: false,
    data: [1, 2, 3, 4, 5, 6, 7, 8,1, 2, 3, 4, 5, 6, 7, 8,1, 2, 3, 4, 5, 6, 7, 8],
    splitLine: {
      show: true,
      lineStyle: {
        color: '#4197C8',
        width: 1,
        shadowColor: 'rgba(0, 0, 0, 0)',
        shadowBlur: 0,
        opacity: 1,
        shadowOffsetX: 0,
        shadowOffsetY: 0
      }
    },
    axisLine: {
      show: false,
      lineStyle: {
        color: '#4197C8',
        width: 1,
        shadowColor: 'rgba(0, 0, 0, 0)',
        shadowBlur: 0,
        opacity: 1,
        shadowOffsetX: 0,
        shadowOffsetY: 0
      }
    },
    axisTick: {
      show: false,
      interval: 0
    }
    // ,
    // name: '60秒',
    // nameLocation: 'start',
    // nameTextStyle: {
    //   color: 'black',
    //   fontStyle: 'normal',
    //   fontSize: 6,
    //   nameGap: 10,
    //   verticalAlign: 'bottom',
    //   align: 'right'
    // }
  }
  // ,{
  //   name: '100%',
  //   nameLocation: 'end',
  //   nameTextStyle: {
  //     color: 'black',
  //     fontStyle: 'normal',
  //     fontSize: 6,
  //     nameGap: 10,
  //     verticalAlign: 'right',
  //     align: 'bottom'
  //   }
  // }
],
  grid: {
    shadowColor: 'rgba(0, 0, 0, 0)',
    shadowBlur: 0,
    shadowOffsetX: 0,
    shadowOffsetY: 0,
    borderWidth: 1,
    z: 120,
    show: true,
    width: '98%',
    height: '98%',
    // width: 'auto', //图例宽度
    // height: 'auto', //图例高度
    left: '1%',
    right: '1%',
    bottom: '1%',
    top: '1%',
    containLabel: false,
    borderColor: '#4197C8', //边框颜色
    borderWidth: 1
  },
  yAxis: [{
    boundaryGap: false,
    type: 'value',
    splitLine: {
      show: true,
      lineStyle: {
        color: '#4197C8',
        width: 1
      }
    },
    max: '1',
    offet: 10,
    // name: '利用率%',
    // nameTextStyle: {
    //   color: 'black',
    //   fontStyle: 'normal',
    //   fontSize: 6,
    //   nameGap: 10,
    //   verticalAlign: 'bottom',
    //   align: 'right'
    // },
    nameLocation: 'end',
    axisTick: {
      show: false
    },
    axisLine: {
      lineStyle: {
        color: '#4197C8',
        width: 1
      }
    }
  }
  // ,
  // {
  //   name: '100%',
  //   nameLocation: '0',
  //   nameTextStyle: {
  //     color: 'black',
  //     fontStyle: 'normal',
  //     fontSize: 6,
  //     nameGap: 1,
  //     verticalAlign: 'bottom',
  //     align: 'left'
  //   }
  // }
],
  axisLabel: {
    interval: 0
  },
  series: [
    {
      data: [0.28, 0.22, 0.8, 0.1, 0.11, 0.13, 0.1, 0.12,0.11, 0.12, 0.90, 0.1, 0.12, 0.13, 0.10, 0.120,0.115, 0.120, 0.80, 0.30, 0.120, 0.130, 0.950, 0.120],
      type: 'line',
      areaStyle: {
        normal: {
          color: {
            type: 'line',
            x: 0,
            y: 0,
            x2: 0,
            y2: 1,
            colorStops: [
              {
                offset: 0,
                color: '#ddebf4'
              },
              {
                offset: 0,
                color: '#ddebf4'
              }
            ],
            globalCoord: false
          }
        }
      },
      itemStyle: {
        normal: {
          color: '#4197C8', //改变折线点的颜色
          lineStyle: {
            color: '#4197C8', //改变折线颜色,
            width: 1
          }
        }
      }
    }
  ]
};
