dark.js 14 KB

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