export default function ({ xAxisData, seriesData }) {
  return {
    backgroundColor: "transparent",
    xAxis: {
      type: "category",
      data: xAxisData,
      axisLabel: {
        fontSize: 22,
        color: "#4fd2dd",
        fontWeight: "bold",
        shadowColor: "#000",
        shadowBlur: 4,
      },
      axisLine: {
        lineStyle: {
          color: "#4fd2dd",
          width: 2,
        },
      },
      axisTick: {
        show: false,
      },
    },
    yAxis: {
      type: "value",
      axisLabel: {
        fontSize: 22,
        color: "#4fd2dd",
        fontWeight: "bold",
        shadowColor: "#000",
        shadowBlur: 4,
      },
      splitLine: {
        lineStyle: {
          color: "rgba(79,210,221,0.2)",
          type: "dashed",
        },
      },
      axisLine: {
        show: true,
        lineStyle: {
          color: "#4fd2dd",
          width: 2,
        },
      },
      axisTick: {
        show: false,
      },
      interval: 50,
    },
    tooltip: {
      trigger: "axis",
      backgroundColor: "rgba(34,34,34,0.95)",
      borderColor: "#4fd2dd",
      borderWidth: 2,
      textStyle: { color: "#fff", fontSize: 26, fontWeight: "bold" },
      axisPointer: {
        type: "shadow",
        shadowStyle: {
          color: "rgba(79,210,221,0.15)",
        },
      },
    },
    grid: {
      left: "4%",
      right: "4%",
      bottom: "8%",
      top: "10%",
      containLabel: true,
    },
    series: [
      {
        data: seriesData,
        type: "bar",
        barWidth: 28,
        itemStyle: {
          color: {
            type: "linear",
            x: 0,
            y: 0,
            x2: 0,
            y2: 1,
            colorStops: [
              { offset: 0, color: "#4fd2dd" },
              { offset: 1, color: "#235fa7" },
            ],
          },
          shadowColor: "#4fd2dd",
          shadowBlur: 10,
          borderRadius: [8, 8, 0, 0],
        },
        emphasis: {
          itemStyle: {
            color: "#fff",
            borderColor: "#4fd2dd",
            borderWidth: 3,
            shadowColor: "#4fd2dd",
            shadowBlur: 20,
          },
        },
        label: {
          show: true,
          position: "top",
          color: "#fff",
          fontSize: 20,
          fontWeight: "bold",
          shadowColor: "#4fd2dd",
          shadowBlur: 6,
        },
      },
    ],
  };
}
