yuang-framework-ui-pc 1.1.45 → 1.1.47

package/lib/utils/chart-theme.cjs

@@ -0,0 +1,392 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ChartTheme = {
+  color: [
+    "#5b8ff9",
+    "#61ddaa",
+    "#65789b",
+    "#f6bd16",
+    "#7262fd",
+    "#78d3f8",
+    "#9661bc",
+    "#f6903d",
+    "#008685",
+    "#f08bb4"
+  ],
+  backgroundColor: "rgba(0,0,0,0)",
+  textStyle: {},
+  title: {
+    textStyle: {
+      color: "#333333"
+    },
+    subtextStyle: {
+      color: "#666666"
+    }
+  },
+  line: {
+    itemStyle: {
+      borderWidth: 1
+    },
+    lineStyle: {
+      width: "2"
+    },
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    smooth: false
+  },
+  radar: {
+    itemStyle: {
+      borderWidth: 1
+    },
+    lineStyle: {
+      width: "2"
+    },
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    smooth: false
+  },
+  bar: {
+    barCategoryGap: "50%",
+    itemStyle: {
+      barBorderWidth: "0",
+      barBorderColor: "#fff"
+    }
+  },
+  pie: {
+    itemStyle: {
+      borderWidth: "2",
+      borderColor: "#fff"
+    }
+  },
+  scatter: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  boxplot: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  parallel: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  sankey: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  funnel: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  gauge: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    }
+  },
+  candlestick: {
+    itemStyle: {
+      color: "#dd3f5d",
+      color0: "#51bd4b",
+      borderColor: "#dd3f5d",
+      borderColor0: "#51bd4b",
+      borderWidth: 1
+    }
+  },
+  graph: {
+    itemStyle: {
+      borderWidth: "0",
+      borderColor: "#fff"
+    },
+    lineStyle: {
+      width: 1,
+      color: "#bfbfbf"
+    },
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    smooth: false,
+    color: [
+      "#5b8ff9",
+      "#61ddaa",
+      "#65789b",
+      "#f6bd16",
+      "#7262fd",
+      "#78d3f8",
+      "#9661bc",
+      "#f6903d",
+      "#008685",
+      "#f08bb4"
+    ],
+    label: {
+      color: "#666666"
+    }
+  },
+  map: {
+    itemStyle: {
+      areaColor: "#fafafa",
+      borderColor: "#d9d9d9",
+      borderWidth: 1
+    },
+    label: {
+      color: "#333333",
+      textBorderColor: "#fff",
+      textBorderWidth: 1
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: "rgba(255,215,0,0.8)",
+        borderColor: "#d9d9d9",
+        borderWidth: 1
+      },
+      label: {
+        color: "#333333"
+      }
+    }
+  },
+  geo: {
+    itemStyle: {
+      areaColor: "#fafafa",
+      borderColor: "#d9d9d9",
+      borderWidth: 1
+    },
+    label: {
+      color: "#333333",
+      textBorderColor: "#fff",
+      textBorderWidth: 1
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: "rgba(255,215,0,0.8)",
+        borderColor: "#d9d9d9",
+        borderWidth: 1
+      },
+      label: {
+        color: "#333333"
+      }
+    }
+  },
+  grid: {
+    top: 30,
+    right: 20,
+    left: 60,
+    bottom: 40
+  },
+  categoryAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: "#bfbfbf"
+      },
+      alignWithLabel: true
+    },
+    axisLabel: {
+      show: true,
+      color: "#666666"
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        type: "dashed",
+        color: ["#d9d9d9"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["#f0f0f0"]
+      }
+    }
+  },
+  valueAxis: {
+    axisLine: {
+      show: false,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisTick: {
+      show: false,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisLabel: {
+      show: true,
+      color: "#666666"
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+        color: ["#d9d9d9"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["#f0f0f0"]
+      }
+    }
+  },
+  logAxis: {
+    axisLine: {
+      show: false,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisTick: {
+      show: false,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisLabel: {
+      show: true,
+      color: "#666666"
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        color: ["#d9d9d9"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["#f0f0f0"]
+      }
+    }
+  },
+  timeAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: "#bfbfbf"
+      }
+    },
+    axisLabel: {
+      show: true,
+      color: "#666666"
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        color: ["#d9d9d9"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["#f0f0f0"]
+      }
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: "#999999"
+    },
+    emphasis: {
+      iconStyle: {
+        borderColor: "#666666"
+      }
+    }
+  },
+  legend: {
+    inactiveColor: "#cccccc",
+    inactiveBorderColor: "#fff",
+    textStyle: {
+      color: "#666666",
+      lineHeight: 14
+    }
+  },
+  tooltip: {
+    axisPointer: {
+      lineStyle: {
+        color: "#bfbfbf",
+        width: "1"
+      },
+      crossStyle: {
+        color: "#bfbfbf",
+        width: "1"
+      }
+    }
+  },
+  timeline: {
+    lineStyle: {
+      color: "#d9d9d9",
+      width: "1"
+    },
+    itemStyle: {
+      color: "#d9d9d9",
+      borderWidth: "1"
+    },
+    controlStyle: {
+      color: "#d9d9d9",
+      borderColor: "#d9d9d9",
+      borderWidth: "0.5"
+    },
+    checkpointStyle: {
+      color: "#5b8ff9",
+      borderColor: "#5b8ff9"
+    },
+    label: {
+      color: "#999999"
+    },
+    emphasis: {
+      itemStyle: {
+        color: "#5b8ff9"
+      },
+      controlStyle: {
+        color: "#d9d9d9",
+        borderColor: "#d9d9d9",
+        borderWidth: "0.5"
+      },
+      label: {
+        color: "#666666"
+      }
+    }
+  },
+  visualMap: {
+    itemHeight: 80,
+    itemWidth: 15,
+    color: ["#5b8ff9", "#b0d0ff", "#f0f7ff"],
+    textStyle: {
+      color: "#666666"
+    }
+  },
+  dataZoom: {
+    handleSize: "100%",
+    textStyle: {
+      color: "#666666"
+    }
+  },
+  markPoint: {
+    label: {
+      color: "#ffffff"
+    }
+  }
+};
+exports.ChartTheme = ChartTheme;