export default {
  line: {
    tooltip: {
      trigger: 'axis',
    },
    title: {
      left: '50%',
    },
    grid: {
      top: '16%', // 等价于 y: '16%'
      left: '3%',
      right: '8%',
      bottom: '10%',
      containLabel: true,
    },
    legend: {
      itemGap: 50,
      data: [],
      top: 10,
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data: [],
      axisLine: {
        lineStyle: {
          color: '#ababb2',
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#78849D',
        },
      },
      splitLine: {
        lineStyle: {
          type: 'dashed',
          // color: '#ababb2',
        },
      },
    },
    yAxis: {
      type: 'value',
      axisLine: {
        lineStyle: {
          color: '#ababb2',
        },
      },
      splitLine: {
        lineStyle: {
          type: 'dashed',
          // color: '#ababb2',
        },
      },
    },
    series: [],
    dataZoom: [
      {
        type: 'slider',
        show: true,
        bottom: '20px',
        borderColor: '#07417a',
        backgroundColor: 'transparent',
        dataBackground: {
          lineStyle: {
            color: 'transparent',
            shadowOffsetY: 0,
          },
          areaStyle: {
            color: 'transparent',
            shadowOffsetY: 0,
          },
        },
        // 拖拽手柄样式 svg 路径
        handleIcon:
          'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',
        handleColor: '#aab6c6',
        height: 6,
        handleSize: 12,
        showDataShadow: false,
        filterMode: 'filter',
        textStyle: {
          color: '#ccc',
        },
        start: 0,
        end: 100,
      },
    ],
  },
  bar: {
    grid: {
      top: '10%',
      left: '-5%',
      bottom: '5%',
      right: '5%',
      containLabel: true,
    },
    tooltip: {
      trigger: 'item',
    },
    xAxis: [
      {
        type: 'category',
        data: [],
        axisTick: {
          alignWithLabel: true,
        },
        axisLine: {
          show: false,
        },
        axisLabel: {
          textStyle: {
            color: '#ddd',
          },
          margin: 30,
        },
        interval: 1,
      },
    ],
    yAxis: [
      {
        show: false,
        type: 'value',
      },
    ],
    series: [],
    dataZoom: [
      {
        type: 'slider',
        show: true,
        bottom: '20px',
        borderColor: '#07417a',
        backgroundColor: 'transparent',
        dataBackground: {
          lineStyle: {
            color: 'transparent',
            shadowOffsetY: 0,
          },
          areaStyle: {
            color: 'transparent',
            shadowOffsetY: 0,
          },
        },
        // 拖拽手柄样式 svg 路径
        handleIcon:
          'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',
        handleColor: '#aab6c6',
        height: 6,
        handleSize: 12,
        showDataShadow: false,
        filterMode: 'filter',
        textStyle: {
          color: '#ccc',
        },
        start: 0,
        end: 100,
      },
    ],
  },
  pie: {
    grid: {
      top: '16%', // 等价于 y: '16%'
      left: '3%',
      right: '8%',
      bottom: '5%',
      containLabel: true,
    },
    legend: {
      orient: 'horizontal',
      bottom: 5,
      data: [], //有数据
      textStyle: {
        fontSize: 16,
      },
    },
    tooltip: {
      trigger: 'item',
      formatter: '{a} <br/>{b} : {c} ({d}%)',
    },
    series: [],
    title: {
      left: '50%',
    },
  },
  radar: {
    color: ['#5189F8'],
    tooltip: {},
    title: {
      left: '50%',
    },
    grid: {
      top: '16%', // 等价于 y: '16%'
      left: '3%',
      right: '8%',
      bottom: '5%',
      containLabel: true,
    },
    radar: {
      axisName: {
        fontSize: 14,
        color: '#6D7278',
      },
      axisLine: {
        lineStyle: {
          color: '#ebeef3',
        },
      },
      shape: 'circle',
      center: ['50%', '50%'],
      radius: '100%',
      triggerEvent: false,
      indicator: [],
    },
    series: [],
  },
  funnel: {
    title: {
      text: '流量TOP5',
    },
    tooltip: {
      show: false,
      trigger: 'item',
      formatter: '{a} <br/>{b} : {c} MB',
    },
    toolbox: {
      feature: {
        dataView: {readOnly: false},
        restore: {},
        saveAsImage: {},
      },
    },
    legend: {
      data: ['TOP1', 'TOP2', 'TOP3', 'TOP4', 'TOP5'],
    },
    series: [
      {
        name: '流量',
        type: 'funnel',
        left: '20%',
        width: '60%',
        label: {
          show: true,
          color: '#000000',
        },
        labelLine: {
          show: true,
        },
        itemStyle: {
          opacity: 1,
        },
        emphasis: {
          label: {
            position: 'inside',
          },
        },
        data: [
          {value: 100, name: 'TOP1', itemStyle: {color: '#4672F7'}},
          {value: 80, name: 'TOP2', itemStyle: {color: '#4C9DFF'}},
          {value: 60, name: 'TOP3', itemStyle: {color: '#36DC88'}},
          {value: 40, name: 'TOP4', itemStyle: {color: '#FBC71B'}},
          {value: 20, name: 'TOP5', itemStyle: {color: '#F9A646'}},
        ],
      },
    ],
  },
  heatmap: {
    tooltip: {
      position: 'top',
    },
    title: {
      left: '50%',
    },
    animation: false,
    grid: {
      height: '80%',
      top: '5%',
    },
    xAxis: {
      type: 'category',
      data: [],
      splitArea: {
        show: true,
      },
      axisTick: {
        lineStyle: {
          color: '#c4c4c4',
        },
      },
    },
    yAxis: {
      type: 'category',
      data: [],
      splitArea: {
        show: true,
      },
      axisTick: {
        show: false,
      },
    },
    visualMap: {
      show: false,
      min: 0,
      max: 70,
      calculable: true,
      orient: 'horizontal',
      left: 'center',
      bottom: '15%',
      color: ['#0d59b7', '#bee8ff'],
    },
    series: [
      {
        name: '',
        type: 'heatmap',
        data: [],
        label: {
          show: true,
        },
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowColor: 'rgba(0, 0, 0, 0.5)',
          },
        },
      },
    ],
  },
  scatter: {
    title: {
      left: '50%',
    },
    legend: {},
    grid: {
      left: '8%',
      top: '10%',
    },
    xAxis: {
      name: '风险发生可能性',
      splitLine: {
        lineStyle: {
          type: 'dashed',
        },
      },
    },
    yAxis: {
      name: '风险影响度',
      splitLine: {
        lineStyle: {
          type: 'dashed',
        },
      },
      scale: true,
    },
    series: [],
    dataZoom: [
      {
        type: 'slider',
        show: true,
        bottom: '20px',
        borderColor: '#07417a',
        backgroundColor: 'transparent',
        dataBackground: {
          lineStyle: {
            color: 'transparent',
            shadowOffsetY: 0,
          },
          areaStyle: {
            color: 'transparent',
            shadowOffsetY: 0,
          },
        },
        // 拖拽手柄样式 svg 路径
        handleIcon:
          'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',
        handleColor: '#aab6c6',
        height: 6,
        handleSize: 12,
        showDataShadow: false,
        filterMode: 'filter',
        textStyle: {
          color: '#ccc',
        },
        start: 0,
        end: 100,
      },
    ],
  },
}