export const options = {
  color: ['#00B9FF', '#50E1A8', '#DDD'],
  chart: {
    margin: {
      top: 35,
      bottom: 15,
      left: 15,
      right: 15,
    },
    emptyData: false,
    loadAmount: 2000,
    legend: {
      show: true,
      textarea: {
        fontFamily: 'Microsoft Yahei',
        fontWeight: 'normal',
        fontSize: 12,
        color: 'rgba(255, 255, 255, 1)',
      },
      layout: {
        margin: {
          horiInterval: 19,
          vertiInterval: 8,
        },
        left: 'right',
        top: 'top',
      },
      itemWidth: 6,
      itemHeight: 6,
      icon: 'circle',
    },
  },
  tooltip: {
    show: true,
    trigger: 'axis',
    triggerOn: 'mousemove',
    axisPointer: { type: 'line' },
    hideDelay: 100,
    textStyle: {
      fontFamily: 'Microsoft Yahei',
      fontWeight: 'normal',
      fontSize: 14,
      color: '#fff',
    },
  },
  legend: {
    show: true,
    padding: 8,
    itemGap: 8,
    itemWidth: 6,
    icon: 'circle',
    itemHeight: 6,
    left: 'right',
    orient: 'horizontal',
    textStyle: {
      fontFamily: 'Microsoft Yahei',
      fontWeight: 'normal',
      fontSize: 12,
      color: 'rgba(255, 255, 255, 1)',
    },
    top: 'top',
  },
  grid: { left: 15, right: 15, bottom: 15, top: 50, containLabel: true },
  xAxis: {
    name: '',
    type: 'category',
    show: true,
    axisTick: { alignWithLabel: true, show: false },
    nameTextStyle: {},
    axisLabel: {
      show: true,
      color: '#fff',
      fontWeight: 'normal',
      fontFamily: 'Microsoft Yahei',
      fontSize: 12,
      rotate: '0',
      interval: 4,
    },
    axisLine: { show: true, lineStyle: { color: 'rgba(255, 255, 255, 0.5)' } },
    splitLine: { show: false, lineStyle: { color: '#fff', type: 'dashed' } },
  },
  yAxis: {
    type: 'value',
    min: '0',
    max: 'dataMax',
    minInterval: 1,
    axisTick: { show: false },
    axisLabel: {
      show: true,
      color: '#fff',
      fontWeight: 'normal',
      fontFamily: 'Microsoft Yahei',
      fontSize: 12,
      // interval: 6,
      formatter: '{value}',
    },
    axisLine: { show: false, lineStyle: { color: 'rgba(255, 255, 255, 0.5)' } },
    splitLine: {
      show: true,
      lineStyle: { color: 'rgba(127, 127, 127, 0.2)', type: 'dashed' },
    },
    name: '单位：次',
    nameTextStyle: {
      color: '#fff',
      fontFamily: 'Microsoft Yahei',
      fontSize: 12,
      fontWeight: 'normal',
      formatter: '{value}',
      lineHeight: 50,
    },
    show: true,
  },
  series: [
    {
      name: '异常数',
      type: 'line',
      barCategoryGap: null,
      barGap: '100%',
      label: {
        color: '#fff',
        fontSize: 10,
        fontWeight: 'normal',
        fontFamily: 'Microsoft Yahei',
        show: false,
      },
      barWidth: 6,
      stack: '',
      areaStyle: {
        opacity: true,
        color: {
          type: 'linear',
          x: 1,
          y: 1,
          x2: 0,
          y2: 0,
          colorStops: [
            { offset: 0, color: '#3398DB' },
            { offset: 1, color: 'rgba(9,9,9,0)' },
          ],
          global: false,
        },
      },
      itemStyle: {
        borderWidth: 4,
        opacity: false,
        color: 'rgba(51, 152, 219, 1)',
      },
      lineStyle: { type: 'solid', width: 2 },
      smooth: 'smooth',
    },
  ],
  animation: true,
  animationEasing: 'cubicInOut',
  animationEasingUpdate: 'cubicOut',
  animationDuration: 1000,
  animationDurationUpdate: 300,
};