import * as echarts from "echarts";

let theme = {
  version: 1,
  themeName: "transparent",
  theme: {
    seriesCnt: 3,
    backgroundColor: "rgba(0, 0, 0, 0)",
    titleColor: "#00ffff",
    subtitleColor: "#00ffff",
    textColorShow: false,
    textColor: "#333",
    markTextColor: "#ffffff",
    color: [
      "#22cbbc",
      "#91cc75",
      "#fac858",
      "#ee6666",
      "#73c0de",
      "#3ba272",
      "#fc8452",
      "#9a60b4",
      "#ea7ccc",
    ],
    borderColor: "#4adfd2",
    borderWidth: "0",
    visualMapColor: ["#48dcd4", "#d88273", "#f6efa6"],
    legendTextColor: "#ffffff",
    kColor: "#eb5454",
    kColor0: "#47b262",
    kBorderColor: "#eb5454",
    kBorderColor0: "#47b262",
    kBorderWidth: 1,
    lineWidth: "2",
    symbolSize: "8",
    symbol: "circle",
    symbolBorderWidth: "0",
    lineSmooth: true,
    graphLineWidth: 1,
    graphLineColor: "#aaa",
    mapLabelColor: "#000",
    mapLabelColorE: "rgb(100,0,0)",
    mapBorderColor: "#444",
    mapBorderColorE: "#444",
    mapBorderWidth: 0.5,
    mapBorderWidthE: 1,
    mapAreaColor: "#eee",
    mapAreaColorE: "rgba(255,215,0,0.8)",
    axes: [
      {
        type: "all",
        name: "通用坐标轴",
        axisLineShow: true,
        axisLineColor: "#6E7079",
        axisTickShow: true,
        axisTickColor: "#6E7079",
        axisLabelShow: true,
        axisLabelColor: "#6E7079",
        splitLineShow: true,
        splitLineColor: ["#E0E6F1"],
        splitAreaShow: false,
        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"],
      },
      {
        type: "category",
        name: "类目坐标轴",
        axisLineShow: true,
        axisLineColor: "#ffffff",
        axisTickShow: true,
        axisTickColor: "#00ffff",
        axisLabelShow: true,
        axisLabelColor: "#ffffff",
        splitLineShow: false,
        splitLineColor: ["#E0E6F1"],
        splitAreaShow: true,
        splitAreaColor: ["rgba(160,158,222,0.2)", "rgba(210,219,238,0.2)"],
      },
      {
        type: "value",
        name: "数值坐标轴",
        axisLineShow: true,
        axisLineColor: "#ffffff",
        axisTickShow: true,
        axisTickColor: "#00ffff",
        axisLabelShow: true,
        axisLabelColor: "#00ffff",
        splitLineShow: true,
        splitLineColor: ["#E0E6F1"],
        splitAreaShow: false,
        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"],
      },
    ],
    axisSeperateSetting: true,
    toolboxColor: "#00ffff",
    toolboxEmphasisColor: "#ffffff",
    tooltipAxisColor: "#ffffff",
    tooltipAxisWidth: 1,
    timelineLineColor: "#DAE1F5",
    timelineLineWidth: 2,
    timelineItemColor: "#A4B1D7",
    timelineItemColorE: "#FFF",
    timelineCheckColor: "#316bf3",
    timelineCheckBorderColor: "fff",
    timelineItemBorderWidth: 1,
    timelineControlColor: "#A4B1D7",
    timelineControlBorderColor: "#A4B1D7",
    timelineControlBorderWidth: 1,
    timelineLabelColor: "#A4B1D7",
  },
};

echarts.registerTheme("transparent", theme);