pear-admin-flask/static/component/pear/module/extends/echartsTheme.js

layui.define(function (exports) {
  exports("echartsTheme", {
    color: ["#3fb1e3", "#6be6c1", "#626c91", "#a0a7e6", "#c4ebad", "#96dee8"],
    backgroundColor: "rgba(252,252,252,0)",
    textStyle: {},
    title: {
      textStyle: {
        color: "#666666",
      },
      subtextStyle: {
        color: "#999999",
      },
    },
    line: {
      itemStyle: {
        borderWidth: "3",
      },
      lineStyle: {
        width: "4",
      },
      symbolSize: "10",
      symbol: "emptyCircle",
      smooth: true,
    },
    radar: {
      itemStyle: {
        borderWidth: "3",
      },
      lineStyle: {
        width: "4",
      },
      symbolSize: "10",
      symbol: "emptyCircle",
      smooth: true,
    },
    bar: {
      itemStyle: {
        barBorderWidth: 0,
        barBorderColor: "#ccc",
      },
      emphasis: {
        itemStyle: {
          barBorderWidth: 0,
          barBorderColor: "#ccc",
        },
      },
    },
    pie: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc",
      },
      emphasis: {
        itemStyle: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    scatter: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc",
      },
      emphasis: {
        itemStyle: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    boxplot: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc",
      },
      emphasis: {
        itemStyle: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    parallel: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc",
      },
      emphasis: {
        itemStyle: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    sankey: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc",
      },
      emphasis: {
        itemStyle: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    funnel: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc",
      },
      emphasis: {
        itemStyle: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    gauge: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc",
      },
      emphasis: {
        itemStyle: {
          borderWidth: 0,
          borderColor: "#ccc",
        },
      },
    },
    candlestick: {
      itemStyle: {
        color: "#e6a0d2",
        color0: "transparent",
        borderColor: "#e6a0d2",
        borderColor0: "#3fb1e3",
        borderWidth: "2",
      },
    },
    graph: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc",
      },
      lineStyle: {
        width: "1",
        color: "#cccccc",
      },
      symbolSize: "10",
      symbol: "emptyCircle",
      smooth: true,
      color: ["#3fb1e3", "#6be6c1", "#626c91", "#a0a7e6", "#c4ebad", "#96dee8"],
      label: {
        color: "#ffffff",
      },
    },
    map: {
      itemStyle: {
        areaColor: "#eeeeee",
        borderColor: "#aaaaaa",
        borderWidth: 0.5,
      },
      label: {
        color: "#ffffff",
      },
      emphasis: {
        itemStyle: {
          areaColor: "rgba(63,177,227,0.25)",
          borderColor: "#3fb1e3",
          borderWidth: 1,
        },
        label: {
          color: "rgb(63,177,227)",
        },
      },
    },
    geo: {
      itemStyle: {
        areaColor: "#eeeeee",
        borderColor: "#aaaaaa",
        borderWidth: 0.5,
      },
      label: {
        color: "#ffffff",
      },
      emphasis: {
        itemStyle: {
          areaColor: "rgba(63,177,227,0.25)",
          borderColor: "#3fb1e3",
          borderWidth: 1,
        },
        label: {
          color: "rgb(63,177,227)",
        },
      },
    },
    categoryAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#cccccc",
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: "#333",
        },
      },
      axisLabel: {
        show: true,

        color: "#999999",
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#eeeeee"],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
        },
      },
    },
    valueAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#cccccc",
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: "#333",
        },
      },
      axisLabel: {
        show: true,
        color: "#999999",
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#eeeeee"],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
        },
      },
    },
    logAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#cccccc",
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: "#333",
        },
      },
      axisLabel: {
        show: true,
        color: "#999999",
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#eeeeee"],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
        },
      },
    },
    timeAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#cccccc",
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: "#333",
        },
      },
      axisLabel: {
        show: true,

        color: "#999999",
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#eeeeee"],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
        },
      },
    },
    toolbox: {
      iconStyle: {
        borderColor: "#999999",
      },
      emphasis: {
        iconStyle: {
          borderColor: "#666666",
        },
      },
    },
    legend: {
      textStyle: {
        color: "#999999",
      },
    },
    tooltip: {
      axisPointer: {
        lineStyle: {
          color: "#cccccc",
          width: 1,
        },
        crossStyle: {
          color: "#cccccc",
          width: 1,
        },
      },
    },
    timeline: {
      lineStyle: {
        color: "#626c91",
        width: 1,
      },
      itemStyle: {
        color: "#626c91",
        borderWidth: 1,
      },
      controlStyle: {
        color: "#626c91",
        borderColor: "#626c91",
        borderWidth: 0.5,
      },
      checkpointStyle: {
        color: "#3fb1e3",
        borderColor: "rgba(63,177,227,0.15)",
      },
      label: {
        color: "#626c91",
      },
      emphasis: {
        itemStyle: {
          color: "#626c91",
        },
        controlStyle: {
          color: "#626c91",
          borderColor: "#626c91",
          borderWidth: 0.5,
        },
        label: {
          color: "#626c91",
        },
      },
    },
    visualMap: {
      color: ["#2a99c9", "#afe8ff"],
    },
    dataZoom: {
      backgroundColor: "rgba(255,255,255,0)",
      dataBackgroundColor: "rgba(222,222,222,1)",
      fillerColor: "rgba(114,230,212,0.25)",
      handleColor: "#cccccc",
      handleSize: "100%",
      textStyle: {
        color: "#999999",
      },
    },
    markPoint: {
      label: {
        color: "#ffffff",
      },
      emphasis: {
        label: {
          color: "#ffffff",
        },
      },
    },
  });
});