color.js 11 KB

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