chalk.theme.ts 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. import { Color } from "XrFrame/xrFrameSystem"
  2. const theme = {
  3. "color": [
  4. "#72ccff",
  5. "#f7c5a0"
  6. ],
  7. // "backgroundColor": "#0f2226",
  8. "backgroundColor": "#fff",
  9. "textStyle": {},
  10. "title": {
  11. "textStyle": {
  12. // "color": "#38ff6e"
  13. "color": "#000"
  14. },
  15. "subtextStyle": {
  16. "color": "#dddddd"
  17. }
  18. },
  19. "line": {
  20. "itemStyle": {
  21. // "borderWidth": "4"
  22. },
  23. "lineStyle": {
  24. "width": "2"
  25. },
  26. "symbolSize": 6,
  27. "symbol": "circle",
  28. "smooth": true
  29. },
  30. "categoryAxis": {
  31. "axisLine": {
  32. "show": true,
  33. "lineStyle": {
  34. "color": "#000"
  35. }
  36. },
  37. "axisTick": {
  38. "show": true,
  39. "lineStyle": {
  40. "color": "#333"
  41. }
  42. },
  43. "axisLabel": {
  44. "show": true,
  45. "color": "#000"
  46. },
  47. "splitLine": {
  48. "show": false
  49. }
  50. },
  51. "valueAxis": {
  52. "axisLine": {
  53. "show": true,
  54. "lineStyle": {
  55. "color": "#86909C"
  56. }
  57. },
  58. "axisTick": {
  59. "show": true,
  60. "lineStyle": {
  61. "color": "#333"
  62. }
  63. },
  64. "axisLabel": {
  65. "show": true,
  66. "color": "#86909C"
  67. },
  68. "splitLine": {
  69. "show": true,
  70. "lineStyle": {
  71. "color": "#E5E8EF",
  72. "type": "dashed"
  73. }
  74. }
  75. },
  76. "timeAxis": {
  77. "axisLine": {
  78. "show": true,
  79. "lineStyle": {
  80. "color": "#666666"
  81. }
  82. },
  83. "axisTick": {
  84. "show": false,
  85. "lineStyle": {
  86. "color": "#333"
  87. }
  88. },
  89. "axisLabel": {
  90. "show": true,
  91. "color": "#aaaaaa"
  92. },
  93. "splitLine": {
  94. "show": true,
  95. "lineStyle": {
  96. "color": [
  97. "#666666"
  98. ]
  99. }
  100. },
  101. "splitArea": {
  102. "show": false,
  103. "areaStyle": {
  104. "color": [
  105. "rgba(250,250,250,0.05)",
  106. "rgba(200,200,200,0.02)"
  107. ]
  108. }
  109. }
  110. },
  111. "legend": {
  112. "textStyle": {
  113. "color": "#ffffff"
  114. }
  115. },
  116. "tooltip": {
  117. "axisPointer": {
  118. "lineStyle": {
  119. "color": "#cccccc",
  120. "width": 1
  121. },
  122. "crossStyle": {
  123. "color": "#cccccc",
  124. "width": 1
  125. }
  126. }
  127. },
  128. "visualMap": {
  129. "color": [
  130. "#fc97af",
  131. "#72ccff",
  132. "#fc97af"
  133. ]
  134. },
  135. "dataZoom": {
  136. "backgroundColor": "rgba(255,255,255,0)",
  137. "dataBackgroundColor": "rgba(114,204,255,1)",
  138. "fillerColor": "rgba(114,204,255,0.2)",
  139. "handleColor": "#72ccff",
  140. "handleSize": "100%",
  141. "textStyle": {
  142. "color": "#333333"
  143. }
  144. },
  145. "markPoint": {
  146. "label": {
  147. // Color:" #1976d2"
  148. Color:"#1D6FF6"
  149. },
  150. "emphasis": {
  151. "label": {
  152. // "color": "#293441"
  153. Color:" #1976d2"
  154. }
  155. }
  156. }
  157. }
  158. export default [
  159. 'chalk',
  160. theme,
  161. ]