avue.project.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. var theme_avue = {
  2. version: 1,
  3. themeName: "avue",
  4. theme: {
  5. seriesCnt: "4",
  6. backgroundColor: "rgba(0,0,0,0)",
  7. titleColor: "#516b91",
  8. subtitleColor: "#93b7e3",
  9. textColorShow: false,
  10. textColor: "#333",
  11. markTextColor: "#eee",
  12. color: [
  13. "#83bff6",
  14. "#23b7e5",
  15. "#188df0",
  16. "#564aa3",
  17. "#a5e7f0",
  18. "#cbb0e3",
  19. ],
  20. borderColor: "#ccc",
  21. borderWidth: 0,
  22. visualMapColor: ["#83bff6", "#23b7e5", "#188df0", "#564aa3"],
  23. legendTextColor: "#999999",
  24. kColor: "#edafda",
  25. kColor0: "transparent",
  26. kBorderColor: "#d680bc",
  27. kBorderColor0: "#8fd3e8",
  28. kBorderWidth: "2",
  29. lineWidth: "2",
  30. symbolSize: "6",
  31. symbol: "emptyCircle",
  32. symbolBorderWidth: "2",
  33. lineSmooth: true,
  34. graphLineWidth: 1,
  35. graphLineColor: "#aaa",
  36. mapLabelColor: "#000000",
  37. mapLabelColorE: "rgb(81,107,145)",
  38. mapBorderColor: "#516b91",
  39. mapBorderColorE: "#516b91",
  40. mapBorderWidth: 0.5,
  41. mapBorderWidthE: 1,
  42. mapAreaColor: "#f3f3f3",
  43. mapAreaColorE: "rgba(165,231,240,1)",
  44. axes: [
  45. {
  46. type: "all",
  47. name: "通用坐标轴",
  48. axisLineShow: true,
  49. axisLineColor: "#cccccc",
  50. axisTickShow: true,
  51. axisTickColor: "#333",
  52. axisLabelShow: true,
  53. axisLabelColor: "#999999",
  54. splitLineShow: true,
  55. splitLineColor: ["#eeeeee"],
  56. splitAreaShow: false,
  57. splitAreaColor: [
  58. "rgba(80,36,204,0.05)",
  59. "rgba(223,35,35,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: true,
  132. toolboxColor: "#999999",
  133. toolboxEmpasisColor: "#666666",
  134. tooltipAxisColor: "#f9dbdb",
  135. tooltipAxisWidth: 1,
  136. timelineLineColor: "#8fd3e8",
  137. timelineLineWidth: 1,
  138. timelineItemColor: "#8fd3e8",
  139. timelineItemColorE: "#8fd3e8",
  140. timelineCheckColor: "#8fd3e8",
  141. timelineCheckBorderColor: "rgba(138,124,168,0.37)",
  142. timelineItemBorderWidth: 1,
  143. timelineControlColor: "#213dbc",
  144. timelineControlBorderColor: "#8fd3e8",
  145. timelineControlBorderWidth: 0.5,
  146. timelineLabelColor: "#8fd3e8",
  147. datazoomBackgroundColor: "rgba(0,0,0,0)",
  148. datazoomDataColor: "rgba(255,255,255,0.3)",
  149. datazoomFillColor: "rgba(167,183,204,0.4)",
  150. datazoomHandleColor: "#2472d9",
  151. datazoomHandleWidth: "100",
  152. datazoomLabelColor: "#333333",
  153. },
  154. };
  155. window.echarts.registerTheme(theme_avue.themeName, theme_avue.theme);