import * as echarts from "echarts";

let options = {
  tooltip: {
    show: true,
    trigger: "axis",
    formatter: function (params) {
      let mark = ''
      params.forEach((e,index) => {
        mark += e.marker + e.seriesName + '：'+e.value+'起<br />'
      });
      return `<div>${params[0].name}</div>${mark}`;
    },
  },
  grid: {
    left: "10px",
    right: "20px",
    top: "70px",
    bottom: "0px",
    containLabel: true,
  },
  xAxis: {
    data: [],
    show: true,
    axisTick: {
      show: false,
      lineStyle: {
        color: "#fff",
      },
    },
    axisLine: {
      lineStyle: {
        color: "#2A6278",
      },
    },
    axisLabel: {
      align: "center",
      rotate: "1",
      margin: 20,
      textStyle: {
        fontSize: 10,
        color: "#E5E7E8",
      },
    },
  },
  yAxis: [
    {
      name: "(起)",
      nameTextStyle: {
        color: "#E5E7E8",
        fomtSize: 10,
      },
      axisLine: {
        lineStyle: {
          color: "#1C82C5",
        },
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: "#2A6278",
          type: "solid",
        },
      },
      axisLabel: {
        show: true,
        color: "#E5E7E8",
        textStyle: {
          fontSize: 10,
        },
      },
      axisTick: {
        show: false,
      },
    },
  ],
  legend: {
    itemHeight: 8,
    itemWidth: 8,
    top: "0",
    right: "2%",
    textStyle: {
      color: "#fff",
    },
  },
  series: [
    {
      name: "",
      type: "bar",
      barWidth: "10px",
      selectedMode: false,
      data: [],
    },{
      name: "",
      type: "bar",
      barWidth: "10px",
      selectedMode: false,
      data: [],
    }
  ],
};

export default options;