macarons.js 14 KB

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