chalk.js 12 KB

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