1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
| 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)",
| 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.theme);
| console.log('Theme registered:', echarts, "echarts.getTheme('transparent')");
|
|
