chalk.theme.ts 2.5 KB

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