You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

491 lines
11 KiB

5 years ago
  1. const theme =
  2. {
  3. "color": [
  4. "#3fb1e3",
  5. "#6be6c1",
  6. "#626c91",
  7. "#a0a7e6",
  8. "#c4ebad",
  9. "#96dee8"
  10. ],
  11. "backgroundColor": "rgba(252,252,252,0)",
  12. "textStyle": {},
  13. "title": {
  14. "textStyle": {
  15. "color": "#666666"
  16. },
  17. "subtextStyle": {
  18. "color": "#999999"
  19. }
  20. },
  21. "line": {
  22. "itemStyle": {
  23. "normal": {
  24. "borderWidth": "2"
  25. }
  26. },
  27. "lineStyle": {
  28. "normal": {
  29. "width": "3"
  30. }
  31. },
  32. "symbolSize": "8",
  33. "symbol": "emptyCircle",
  34. "smooth": false
  35. },
  36. "radar": {
  37. "itemStyle": {
  38. "normal": {
  39. "borderWidth": "2"
  40. }
  41. },
  42. "lineStyle": {
  43. "normal": {
  44. "width": "3"
  45. }
  46. },
  47. "symbolSize": "8",
  48. "symbol": "emptyCircle",
  49. "smooth": false
  50. },
  51. "bar": {
  52. "itemStyle": {
  53. "normal": {
  54. "barBorderWidth": 0,
  55. "barBorderColor": "#ccc"
  56. },
  57. "emphasis": {
  58. "barBorderWidth": 0,
  59. "barBorderColor": "#ccc"
  60. }
  61. }
  62. },
  63. "pie": {
  64. "itemStyle": {
  65. "normal": {
  66. "borderWidth": 0,
  67. "borderColor": "#ccc"
  68. },
  69. "emphasis": {
  70. "borderWidth": 0,
  71. "borderColor": "#ccc"
  72. }
  73. }
  74. },
  75. "scatter": {
  76. "itemStyle": {
  77. "normal": {
  78. "borderWidth": 0,
  79. "borderColor": "#ccc"
  80. },
  81. "emphasis": {
  82. "borderWidth": 0,
  83. "borderColor": "#ccc"
  84. }
  85. }
  86. },
  87. "boxplot": {
  88. "itemStyle": {
  89. "normal": {
  90. "borderWidth": 0,
  91. "borderColor": "#ccc"
  92. },
  93. "emphasis": {
  94. "borderWidth": 0,
  95. "borderColor": "#ccc"
  96. }
  97. }
  98. },
  99. "parallel": {
  100. "itemStyle": {
  101. "normal": {
  102. "borderWidth": 0,
  103. "borderColor": "#ccc"
  104. },
  105. "emphasis": {
  106. "borderWidth": 0,
  107. "borderColor": "#ccc"
  108. }
  109. }
  110. },
  111. "sankey": {
  112. "itemStyle": {
  113. "normal": {
  114. "borderWidth": 0,
  115. "borderColor": "#ccc"
  116. },
  117. "emphasis": {
  118. "borderWidth": 0,
  119. "borderColor": "#ccc"
  120. }
  121. }
  122. },
  123. "funnel": {
  124. "itemStyle": {
  125. "normal": {
  126. "borderWidth": 0,
  127. "borderColor": "#ccc"
  128. },
  129. "emphasis": {
  130. "borderWidth": 0,
  131. "borderColor": "#ccc"
  132. }
  133. }
  134. },
  135. "gauge": {
  136. "itemStyle": {
  137. "normal": {
  138. "borderWidth": 0,
  139. "borderColor": "#ccc"
  140. },
  141. "emphasis": {
  142. "borderWidth": 0,
  143. "borderColor": "#ccc"
  144. }
  145. }
  146. },
  147. "candlestick": {
  148. "itemStyle": {
  149. "normal": {
  150. "color": "#e6a0d2",
  151. "color0": "transparent",
  152. "borderColor": "#e6a0d2",
  153. "borderColor0": "#3fb1e3",
  154. "borderWidth": "2"
  155. }
  156. }
  157. },
  158. "graph": {
  159. "itemStyle": {
  160. "normal": {
  161. "borderWidth": 0,
  162. "borderColor": "#ccc"
  163. }
  164. },
  165. "lineStyle": {
  166. "normal": {
  167. "width": "1",
  168. "color": "#cccccc"
  169. }
  170. },
  171. "symbolSize": "8",
  172. "symbol": "emptyCircle",
  173. "smooth": false,
  174. "color": [
  175. "#3fb1e3",
  176. "#6be6c1",
  177. "#626c91",
  178. "#a0a7e6",
  179. "#c4ebad",
  180. "#96dee8"
  181. ],
  182. "label": {
  183. "normal": {
  184. "textStyle": {
  185. "color": "#ffffff"
  186. }
  187. }
  188. }
  189. },
  190. "map": {
  191. "itemStyle": {
  192. "normal": {
  193. "areaColor": "#eeeeee",
  194. "borderColor": "#aaaaaa",
  195. "borderWidth": 0.5
  196. },
  197. "emphasis": {
  198. "areaColor": "rgba(63,177,227,0.25)",
  199. "borderColor": "#3fb1e3",
  200. "borderWidth": 1
  201. }
  202. },
  203. "label": {
  204. "normal": {
  205. "textStyle": {
  206. "color": "#ffffff"
  207. }
  208. },
  209. "emphasis": {
  210. "textStyle": {
  211. "color": "#3fb1e3"
  212. }
  213. }
  214. }
  215. },
  216. "geo": {
  217. "itemStyle": {
  218. "normal": {
  219. "areaColor": "#eeeeee",
  220. "borderColor": "#aaaaaa",
  221. "borderWidth": 0.5
  222. },
  223. "emphasis": {
  224. "areaColor": "rgba(63,177,227,0.25)",
  225. "borderColor": "#3fb1e3",
  226. "borderWidth": 1
  227. }
  228. },
  229. "label": {
  230. "normal": {
  231. "textStyle": {
  232. "color": "#ffffff"
  233. }
  234. },
  235. "emphasis": {
  236. "textStyle": {
  237. "color": "#3fb1e3"
  238. }
  239. }
  240. }
  241. },
  242. "categoryAxis": {
  243. "axisLine": {
  244. "show": true,
  245. "lineStyle": {
  246. "color": "#cccccc"
  247. }
  248. },
  249. "axisTick": {
  250. "show": false,
  251. "lineStyle": {
  252. "color": "#333"
  253. }
  254. },
  255. "axisLabel": {
  256. "show": true,
  257. "textStyle": {
  258. "color": "#999999"
  259. }
  260. },
  261. "splitLine": {
  262. "show": true,
  263. "lineStyle": {
  264. "color": [
  265. "#eeeeee"
  266. ]
  267. }
  268. },
  269. "splitArea": {
  270. "show": false,
  271. "areaStyle": {
  272. "color": [
  273. "rgba(250,250,250,0.05)",
  274. "rgba(200,200,200,0.02)"
  275. ]
  276. }
  277. }
  278. },
  279. "valueAxis": {
  280. "axisLine": {
  281. "show": true,
  282. "lineStyle": {
  283. "color": "#cccccc"
  284. }
  285. },
  286. "axisTick": {
  287. "show": false,
  288. "lineStyle": {
  289. "color": "#333"
  290. }
  291. },
  292. "axisLabel": {
  293. "show": true,
  294. "textStyle": {
  295. "color": "#999999"
  296. }
  297. },
  298. "splitLine": {
  299. "show": true,
  300. "lineStyle": {
  301. "color": [
  302. "#eeeeee"
  303. ]
  304. }
  305. },
  306. "splitArea": {
  307. "show": false,
  308. "areaStyle": {
  309. "color": [
  310. "rgba(250,250,250,0.05)",
  311. "rgba(200,200,200,0.02)"
  312. ]
  313. }
  314. }
  315. },
  316. "logAxis": {
  317. "axisLine": {
  318. "show": true,
  319. "lineStyle": {
  320. "color": "#cccccc"
  321. }
  322. },
  323. "axisTick": {
  324. "show": false,
  325. "lineStyle": {
  326. "color": "#333"
  327. }
  328. },
  329. "axisLabel": {
  330. "show": true,
  331. "textStyle": {
  332. "color": "#999999"
  333. }
  334. },
  335. "splitLine": {
  336. "show": true,
  337. "lineStyle": {
  338. "color": [
  339. "#eeeeee"
  340. ]
  341. }
  342. },
  343. "splitArea": {
  344. "show": false,
  345. "areaStyle": {
  346. "color": [
  347. "rgba(250,250,250,0.05)",
  348. "rgba(200,200,200,0.02)"
  349. ]
  350. }
  351. }
  352. },
  353. "timeAxis": {
  354. "axisLine": {
  355. "show": true,
  356. "lineStyle": {
  357. "color": "#cccccc"
  358. }
  359. },
  360. "axisTick": {
  361. "show": false,
  362. "lineStyle": {
  363. "color": "#333"
  364. }
  365. },
  366. "axisLabel": {
  367. "show": true,
  368. "textStyle": {
  369. "color": "#999999"
  370. }
  371. },
  372. "splitLine": {
  373. "show": true,
  374. "lineStyle": {
  375. "color": [
  376. "#eeeeee"
  377. ]
  378. }
  379. },
  380. "splitArea": {
  381. "show": false,
  382. "areaStyle": {
  383. "color": [
  384. "rgba(250,250,250,0.05)",
  385. "rgba(200,200,200,0.02)"
  386. ]
  387. }
  388. }
  389. },
  390. "toolbox": {
  391. "iconStyle": {
  392. "normal": {
  393. "borderColor": "#999999"
  394. },
  395. "emphasis": {
  396. "borderColor": "#666666"
  397. }
  398. }
  399. },
  400. "legend": {
  401. "textStyle": {
  402. "color": "#999999"
  403. }
  404. },
  405. "tooltip": {
  406. "axisPointer": {
  407. "lineStyle": {
  408. "color": "#cccccc",
  409. "width": 1
  410. },
  411. "crossStyle": {
  412. "color": "#cccccc",
  413. "width": 1
  414. }
  415. }
  416. },
  417. "timeline": {
  418. "lineStyle": {
  419. "color": "#626c91",
  420. "width": 1
  421. },
  422. "itemStyle": {
  423. "normal": {
  424. "color": "#626c91",
  425. "borderWidth": 1
  426. },
  427. "emphasis": {
  428. "color": "#626c91"
  429. }
  430. },
  431. "controlStyle": {
  432. "normal": {
  433. "color": "#626c91",
  434. "borderColor": "#626c91",
  435. "borderWidth": 0.5
  436. },
  437. "emphasis": {
  438. "color": "#626c91",
  439. "borderColor": "#626c91",
  440. "borderWidth": 0.5
  441. }
  442. },
  443. "checkpointStyle": {
  444. "color": "#3fb1e3",
  445. "borderColor": "rgba(63,177,227,0.15)"
  446. },
  447. "label": {
  448. "normal": {
  449. "textStyle": {
  450. "color": "#626c91"
  451. }
  452. },
  453. "emphasis": {
  454. "textStyle": {
  455. "color": "#626c91"
  456. }
  457. }
  458. }
  459. },
  460. "visualMap": {
  461. "color": [
  462. "#2a99c9",
  463. "#afe8ff"
  464. ]
  465. },
  466. "dataZoom": {
  467. "backgroundColor": "rgba(255,255,255,0)",
  468. "dataBackgroundColor": "rgba(222,222,222,1)",
  469. "fillerColor": "rgba(114,230,212,0.25)",
  470. "handleColor": "#cccccc",
  471. "handleSize": "100%",
  472. "textStyle": {
  473. "color": "#999999"
  474. }
  475. },
  476. "markPoint": {
  477. "label": {
  478. "normal": {
  479. "textStyle": {
  480. "color": "#ffffff"
  481. }
  482. },
  483. "emphasis": {
  484. "textStyle": {
  485. "color": "#ffffff"
  486. }
  487. }
  488. }
  489. }
  490. }
  491. export default theme