wonderland.project.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. var theme_wonderland = {
  2. version: 1,
  3. themeName: "wonderland",
  4. theme: {
  5. seriesCnt: "3",
  6. backgroundColor: "rgba(255,255,255,0)",
  7. titleColor: "#666666",
  8. subtitleColor: "#999999",
  9. textColorShow: false,
  10. textColor: "#333",
  11. markTextColor: "#ffffff",
  12. color: [
  13. "#4ea397",
  14. "#22c3aa",
  15. "#7bd9a5",
  16. "#d0648a",
  17. "#f58db2",
  18. "#f2b3c9",
  19. ],
  20. borderColor: "#ccc",
  21. borderWidth: 0,
  22. visualMapColor: ["#d0648a", "#22c3aa", "#adfff1"],
  23. legendTextColor: "#999999",
  24. kColor: "#d0648a",
  25. kColor0: "transparent",
  26. kBorderColor: "#d0648a",
  27. kBorderColor0: "#22c3aa",
  28. kBorderWidth: "1",
  29. lineWidth: "3",
  30. symbolSize: "8",
  31. symbol: "emptyCircle",
  32. symbolBorderWidth: "2",
  33. lineSmooth: false,
  34. graphLineWidth: "1",
  35. graphLineColor: "#cccccc",
  36. mapLabelColor: "#28544e",
  37. mapLabelColorE: "rgb(52,158,142)",
  38. mapBorderColor: "#999999",
  39. mapBorderColorE: "#22c3aa",
  40. mapBorderWidth: 0.5,
  41. mapBorderWidthE: 1,
  42. mapAreaColor: "#eeeeee",
  43. mapAreaColorE: "rgba(34,195,170,0.25)",
  44. axes: [
  45. {
  46. type: "all",
  47. name: "通用坐标轴",
  48. axisLineShow: true,
  49. axisLineColor: "#cccccc",
  50. axisTickShow: false,
  51. axisTickColor: "#333",
  52. axisLabelShow: true,
  53. axisLabelColor: "#999999",
  54. splitLineShow: true,
  55. splitLineColor: ["#eeeeee"],
  56. splitAreaShow: false,
  57. splitAreaColor: [
  58. "rgba(250,250,250,0.05)",
  59. "rgba(200,200,200,0.02)",
  60. ],
  61. },
  62. {
  63. type: "category",
  64. name: "类目坐标轴",
  65. axisLineShow: true,
  66. axisLineColor: "#333",
  67. axisTickShow: true,
  68. axisTickColor: "#333",
  69. axisLabelShow: true,
  70. axisLabelColor: "#333",
  71. splitLineShow: false,
  72. splitLineColor: ["#ccc"],
  73. splitAreaShow: false,
  74. splitAreaColor: [
  75. "rgba(250,250,250,0.3)",
  76. "rgba(200,200,200,0.3)",
  77. ],
  78. },
  79. {
  80. type: "value",
  81. name: "数值坐标轴",
  82. axisLineShow: true,
  83. axisLineColor: "#333",
  84. axisTickShow: true,
  85. axisTickColor: "#333",
  86. axisLabelShow: true,
  87. axisLabelColor: "#333",
  88. splitLineShow: true,
  89. splitLineColor: ["#ccc"],
  90. splitAreaShow: false,
  91. splitAreaColor: [
  92. "rgba(250,250,250,0.3)",
  93. "rgba(200,200,200,0.3)",
  94. ],
  95. },
  96. {
  97. type: "log",
  98. name: "对数坐标轴",
  99. axisLineShow: true,
  100. axisLineColor: "#333",
  101. axisTickShow: true,
  102. axisTickColor: "#333",
  103. axisLabelShow: true,
  104. axisLabelColor: "#333",
  105. splitLineShow: true,
  106. splitLineColor: ["#ccc"],
  107. splitAreaShow: false,
  108. splitAreaColor: [
  109. "rgba(250,250,250,0.3)",
  110. "rgba(200,200,200,0.3)",
  111. ],
  112. },
  113. {
  114. type: "time",
  115. name: "时间坐标轴",
  116. axisLineShow: true,
  117. axisLineColor: "#333",
  118. axisTickShow: true,
  119. axisTickColor: "#333",
  120. axisLabelShow: true,
  121. axisLabelColor: "#333",
  122. splitLineShow: true,
  123. splitLineColor: ["#ccc"],
  124. splitAreaShow: false,
  125. splitAreaColor: [
  126. "rgba(250,250,250,0.3)",
  127. "rgba(200,200,200,0.3)",
  128. ],
  129. },
  130. ],
  131. axisSeperateSetting: false,
  132. toolboxColor: "#999999",
  133. toolboxEmpasisColor: "#666666",
  134. tooltipAxisColor: "#cccccc",
  135. tooltipAxisWidth: 1,
  136. timelineLineColor: "#4ea397",
  137. timelineLineWidth: 1,
  138. timelineItemColor: "#4ea397",
  139. timelineItemColorE: "#4ea397",
  140. timelineCheckColor: "#4ea397",
  141. timelineCheckBorderColor: "rgba(60,235,210,0.3)",
  142. timelineItemBorderWidth: 1,
  143. timelineControlColor: "#4ea397",
  144. timelineControlBorderColor: "#4ea397",
  145. timelineControlBorderWidth: 0.5,
  146. timelineLabelColor: "#4ea397",
  147. datazoomBackgroundColor: "rgba(255,255,255,0)",
  148. datazoomDataColor: "rgba(222,222,222,1)",
  149. datazoomFillColor: "rgba(114,230,212,0.25)",
  150. datazoomHandleColor: "#cccccc",
  151. datazoomHandleWidth: "100",
  152. datazoomLabelColor: "#999999",
  153. },
  154. };
  155. window.echarts.registerTheme(
  156. theme_wonderland.themeName,
  157. theme_wonderland.theme
  158. );