config-ucharts.js 37 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682
  1. /*
  2. * uCharts®
  3. * 高性能跨平台图表库,支持H5、APP、小程序(微信/支付宝/百度/头条/QQ/360)、Vue、Taro等支持canvas的框架平台
  4. * Copyright (c) 2021 QIUN®秋云 https://www.ucharts.cn All rights reserved.
  5. * Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
  6. * 复制使用请保留本段注释,感谢支持开源!
  7. *
  8. * uCharts®官方网站
  9. * https://www.uCharts.cn
  10. *
  11. * 开源地址:
  12. * https://gitee.com/uCharts/uCharts
  13. *
  14. * uni-app插件市场地址:
  15. * http://ext.dcloud.net.cn/plugin?id=271
  16. *
  17. */
  18. // 主题颜色配置:如每个图表类型需要不同主题,请在对应图表类型上更改color属性
  19. const color = ["#0052d4", "#ff5959", "#f9b248", '#3CA272', '#73C0DE', '#ea7ccc', '#FC8452', '#9A60B4'];
  20. //事件转换函数,主要用作格式化x轴为时间轴,根据需求自行修改
  21. const formatDateTime = (timeStamp, returnType) => {
  22. var date = new Date();
  23. date.setTime(timeStamp * 1000);
  24. var y = date.getFullYear();
  25. var m = date.getMonth() + 1;
  26. m = m < 10 ? ('0' + m) : m;
  27. var d = date.getDate();
  28. d = d < 10 ? ('0' + d) : d;
  29. var h = date.getHours();
  30. h = h < 10 ? ('0' + h) : h;
  31. var minute = date.getMinutes();
  32. var second = date.getSeconds();
  33. minute = minute < 10 ? ('0' + minute) : minute;
  34. second = second < 10 ? ('0' + second) : second;
  35. if (returnType == 'full') {
  36. return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
  37. }
  38. if (returnType == 'y-m-d') {
  39. return y + '-' + m + '-' + d;
  40. }
  41. if (returnType == 'h:m') {
  42. return h + ':' + minute;
  43. }
  44. if (returnType == 'h:m:s') {
  45. return h + ':' + minute + ':' + second;
  46. }
  47. return [y, m, d, h, minute, second];
  48. }
  49. const cfu = {
  50. //demotype为自定义图表类型,一般不需要自定义图表类型,只需要改根节点上对应的类型即可
  51. "type": ["pie", "ring", "rose", "word", "funnel", "map", "arcbar", "line", "column", "bar", "area", "radar","gauge", "candle", "mix", "tline", "tarea", "scatter", "bubble", "demotype", "mainline", "mainradar",
  52. "mini-line", "mini-area", "mini-column", "mini-rose", "mini-bar", "mini-radar"
  53. ],
  54. "range": ["饼状图", "圆环图", "玫瑰图", "词云图", "漏斗图", "地图", "圆弧进度条", "折线图", "柱状图", "条状图", "区域图", "雷达图", "仪表盘", "K线图","混合图", "时间轴折线", "时间轴区域", "散点图", "气泡图", "自定义类型", "首页趋势图", "首页雷达图", "折线缩略图", "区域缩略图", "柱状缩略图", "玫瑰缩略图", "条状图缩略图", "雷达缩略图"
  55. ],
  56. //增加自定义图表类型,如果需要categories,请在这里加入您的图表类型,例如最后的"demotype"
  57. //自定义类型时需要注意"tline","tarea","scatter","bubble"等时间轴(矢量x轴)类图表,没有categories,不需要加入categories
  58. "categories": ["line", "column", "bar", "area", "radar", "gauge", "candle", "mix", "demotype", "mainline", "mainradar", "mini-line", "mini-area", "mini-column", "mini-bar", "mini-radar"
  59. ],
  60. //instance为实例变量承载属性,不要删除
  61. "instance": {},
  62. //option为opts及eopts承载属性,不要删除
  63. "option": {},
  64. //下面是自定义format配置,因除H5端外的其他端无法通过props传递函数,只能通过此属性对应下标的方式来替换
  65. "formatter": {
  66. "yAxisDemo1": function(val) {
  67. return val + '元'
  68. },
  69. "yAxisDemo2": function(val) {
  70. return val.toFixed(2)
  71. },
  72. "xAxisDemo1": function(val) {
  73. return val + '年'
  74. },
  75. "xAxisDemo2": function(val) {
  76. return formatDateTime(val, 'h:m')
  77. },
  78. "seriesDemo1": function(val) {
  79. return val + '元'
  80. },
  81. "tooltipDemo1": function(item, category, index, opts) {
  82. if (index == 0) {
  83. return '随便用' + item.data + '年'
  84. } else {
  85. return '其他我没改' + item.data + '天'
  86. }
  87. },
  88. "pieDemo": function(val, index, series) {
  89. if (index !== undefined) {
  90. return series[index].name + ':' + series[index].data + '元'
  91. }
  92. },
  93. },
  94. //这里演示了自定义您的图表类型的option,可以随意命名,之后在组件上 type="demotype" 后,组件会调用这个花括号里的option,如果组件上还存在opts参数,会将demotype与opts中option合并后渲染图表。
  95. "demotype": {
  96. //我这里把曲线图当做了自定义图表类型,您可以根据需要随意指定类型或配置
  97. "type": "line",
  98. "color": color,
  99. "padding": [15, 10, 0, 15],
  100. "xAxis": {
  101. "disableGrid": true,
  102. },
  103. "yAxis": {
  104. "gridType": "dash",
  105. "dashLength": 2,
  106. },
  107. "legend": {},
  108. "extra": {
  109. "line": {
  110. "type": "curve",
  111. "width": 2
  112. },
  113. }
  114. },
  115. //下面是自定义配置,请添加项目所需的通用配置
  116. "rose": {
  117. "type": "rose",
  118. "canvasId": "",
  119. "canvas2d": false,
  120. "background": "none",
  121. "animation": true,
  122. "timing": "easeOut",
  123. "duration": 1000,
  124. "color": [
  125. "#0052d4",
  126. "#ff5959",
  127. "#f9b248",
  128. "#3CA272",
  129. "#73C0DE",
  130. "#ff55a3"
  131. ],
  132. "padding": [
  133. 5,
  134. 5,
  135. 5,
  136. 5
  137. ],
  138. "rotate": false,
  139. "errorReload": true,
  140. "fontSize": 13,
  141. "fontColor": "#666666",
  142. "enableScroll": false,
  143. "touchMoveLimit": 60,
  144. "enableMarkLine": false,
  145. "dataLabel": false,
  146. "dataPointShape": false,
  147. "dataPointShapeType": "hollow",
  148. "tapLegend": true,
  149. "legend": {
  150. "show": true,
  151. "position": "bottom",
  152. "float": "center",
  153. "padding": 5,
  154. "margin": 5,
  155. "backgroundColor": "rgba(0,0,0,0)",
  156. "borderColor": "rgba(0,0,0,0)",
  157. "borderWidth": 0,
  158. "fontSize": 13,
  159. "fontColor": "#666666",
  160. "lineHeight": 25,
  161. "hiddenColor": "#CECECE",
  162. "itemGap": 10
  163. },
  164. "extra": {
  165. "rose": {
  166. "type": "radius",
  167. "minRadius": 50,
  168. "activeOpacity": 0.5,
  169. "activeRadius": 10,
  170. "offsetAngle": 0,
  171. "labelWidth": 15,
  172. "border": true,
  173. "borderWidth": 2,
  174. "borderColor": "#FFFFFF",
  175. "linearType": "none"
  176. },
  177. "tooltip": {
  178. "showBox": true,
  179. "showArrow": false,
  180. "showCategory": false,
  181. "borderWidth": 0,
  182. "borderRadius": 6,
  183. "borderColor": "#000000",
  184. "borderOpacity": 0.5,
  185. "bgColor": "#000000",
  186. "bgOpacity": 0.5,
  187. "gridType": "solid",
  188. "dashLength": 4,
  189. "gridColor": "#CCCCCC",
  190. "fontColor": "#FFFFFF",
  191. "splitLine": true,
  192. "horizentalLine": false,
  193. "xAxisLabel": false,
  194. "yAxisLabel": false,
  195. "labelBgColor": "#FFFFFF",
  196. "labelBgOpacity": 0.7,
  197. "labelFontColor": "#666666"
  198. }
  199. }
  200. },
  201. "arcbar": {
  202. "type": "arcbar",
  203. "canvasId": "",
  204. "canvas2d": false,
  205. "background": "none",
  206. "animation": true,
  207. "timing": "easeOut",
  208. "duration": 3000,
  209. "color": [
  210. "#1890FF",
  211. "#91CB74",
  212. "#FAC858",
  213. "#EE6666",
  214. "#73C0DE",
  215. "#3CA272",
  216. "#FC8452",
  217. "#9A60B4",
  218. "#ea7ccc"
  219. ],
  220. "rotate": false,
  221. "errorReload": true,
  222. "fontSize": 13,
  223. "fontColor": "#666666",
  224. "enableScroll": false,
  225. "touchMoveLimit": 60,
  226. "enableMarkLine": false,
  227. "dataLabel": true,
  228. "dataPointShape": true,
  229. "dataPointShapeType": "solid",
  230. "tapLegend": true,
  231. "title": {
  232. "name": "百分比",
  233. "fontSize": 25,
  234. "color": "#65c7f7",
  235. "offsetX": 0,
  236. "offsetY": 0
  237. },
  238. "subtitle": {
  239. "name": "默认标题",
  240. "fontSize": 15,
  241. "color": "#666666",
  242. "offsetX": 0,
  243. "offsetY": 0
  244. },
  245. "extra": {
  246. "arcbar": {
  247. "type": "default",
  248. "width": 16,
  249. "backgroundColor": "#E9E9E9",
  250. "startAngle": 0.75,
  251. "endAngle": 0.25,
  252. "gap": 2,
  253. "centerX": 0,
  254. "centerY": 0,
  255. "linearType": "custom",
  256. "customColor": [
  257. "#65c7f7",
  258. "#f16529",
  259. "#ffcc33"
  260. ]
  261. }
  262. }
  263. },
  264. "line": {
  265. "type": "line",
  266. "canvasId": "",
  267. "canvas2d": false,
  268. "background": "none",
  269. "animation": true,
  270. "timing": "easeOut",
  271. "duration": 1000,
  272. "color": [
  273. "#0052d4",
  274. "#ff5959",
  275. "#f9b248"
  276. ],
  277. "padding": [
  278. 1,
  279. 10,
  280. 8,
  281. 3
  282. ],
  283. "rotate": false,
  284. "errorReload": true,
  285. "fontSize": 12,
  286. "fontColor": "#696969",
  287. "enableScroll": false,
  288. "touchMoveLimit": 60,
  289. "enableMarkLine": true,
  290. "dataLabel": true,
  291. "dataPointShape": true,
  292. "dataPointShapeType": "solid",
  293. "tapLegend": true,
  294. "xAxis": {
  295. "disabled": false,
  296. "axisLine": true,
  297. "axisLineColor": "#CCCCCC",
  298. "calibration": false,
  299. "fontColor": "#696969",
  300. "fontSize": 12,
  301. "rotateLabel": false,
  302. "labelCount": 6,
  303. "itemCount": 5,
  304. "boundaryGap": "center",
  305. "disableGrid": true,
  306. "gridColor": "#696969",
  307. "gridType": "solid",
  308. "dashLength": 4,
  309. "gridEval": 1,
  310. "scrollShow": false,
  311. "scrollAlign": "left",
  312. "scrollColor": "#F5F5F5",
  313. "scrollBackgroundColor": "#D3D3D3",
  314. "format": ""
  315. },
  316. "yAxis": {
  317. "disabled": false,
  318. "disableGrid": false,
  319. "splitNumber": 5,
  320. "gridType": "solid",
  321. "dashLength": 10,
  322. "gridColor": "#CCCCCC",
  323. "padding": 10,
  324. "showTitle": false,
  325. "data": []
  326. },
  327. "legend": {
  328. "show": true,
  329. "position": "top",
  330. "float": "right",
  331. "padding": 5,
  332. "margin": 15,
  333. "backgroundColor": "rgba(0,0,0,0)",
  334. "borderColor": "rgba(0,0,0,0)",
  335. "borderWidth": 0,
  336. "fontSize": 12,
  337. "fontColor": "#696969",
  338. "lineHeight": 10,
  339. "hiddenColor": "#CECECE",
  340. "itemGap": 10
  341. },
  342. "extra": {
  343. "line": {
  344. "type": "curve",
  345. "width": 2
  346. },
  347. "tooltip": {
  348. "showBox": true,
  349. "showArrow": false,
  350. "showCategory": false,
  351. "borderWidth": 0,
  352. "borderRadius": 6,
  353. "borderColor": "#000000",
  354. "borderOpacity": 0.5,
  355. "bgColor": "#000000",
  356. "bgOpacity": 0.5,
  357. "gridType": "solid",
  358. "dashLength": 8,
  359. "gridColor": "#CCCCCC",
  360. "fontColor": "#FFFFFF",
  361. "splitLine": true,
  362. "horizentalLine": false,
  363. "xAxisLabel": false,
  364. "yAxisLabel": false,
  365. "labelBgColor": "#FFFFFF",
  366. "labelBgOpacity": 0.7,
  367. "labelFontColor": "#666666"
  368. },
  369. "markLine": {
  370. "type": "dash",
  371. "dashLength": 8,
  372. "data": []
  373. }
  374. }
  375. },
  376. "column": {
  377. "type": "column",
  378. "canvasId": "",
  379. "canvas2d": false,
  380. "background": "none",
  381. "animation": true,
  382. "timing": "easeOut",
  383. "duration": 1000,
  384. "color": [
  385. "#0052d4",
  386. "#ff5959",
  387. "#f9b248"
  388. ],
  389. "padding": [
  390. 1,
  391. 10,
  392. 8,
  393. 3
  394. ],
  395. "rotate": false,
  396. "errorReload": true,
  397. "fontSize": 12,
  398. "fontColor": "#696969",
  399. "enableScroll": false,
  400. "touchMoveLimit": 60,
  401. "enableMarkLine": true,
  402. "dataLabel": true,
  403. "dataPointShape": true,
  404. "dataPointShapeType": "solid",
  405. "tapLegend": true,
  406. "xAxis": {
  407. "disabled": false,
  408. "axisLine": true,
  409. "axisLineColor": "#CCCCCC",
  410. "calibration": false,
  411. "fontColor": "#696969",
  412. "fontSize": 12,
  413. "rotateLabel": false,
  414. "labelCount": 6,
  415. "itemCount": 5,
  416. "boundaryGap": "center",
  417. "disableGrid": true,
  418. "gridColor": "#696969",
  419. "gridType": "solid",
  420. "dashLength": 4,
  421. "gridEval": 1,
  422. "scrollShow": false,
  423. "scrollAlign": "left",
  424. "scrollColor": "#F5F5F5",
  425. "scrollBackgroundColor": "#D3D3D3",
  426. "format": ""
  427. },
  428. "yAxis": {
  429. "disabled": false,
  430. "disableGrid": false,
  431. "splitNumber": 5,
  432. "gridType": "solid",
  433. "dashLength": 10,
  434. "gridColor": "#CCCCCC",
  435. "padding": 10,
  436. "showTitle": false,
  437. "data": []
  438. },
  439. "legend": {
  440. "show": true,
  441. "position": "top",
  442. "float": "right",
  443. "padding": 5,
  444. "margin": 15,
  445. "backgroundColor": "rgba(0,0,0,0)",
  446. "borderColor": "rgba(0,0,0,0)",
  447. "borderWidth": 0,
  448. "fontSize": 12,
  449. "fontColor": "#696969",
  450. "lineHeight": 10,
  451. "hiddenColor": "#CECECE",
  452. "itemGap": 10
  453. },
  454. "extra": {
  455. "column": {
  456. "type": "group",
  457. "width": 17,
  458. "seriesGap": 2,
  459. "categoryGap": 3,
  460. "barBorderCircle": false,
  461. "barBorderRadius": [
  462. 5,
  463. 5,
  464. 5,
  465. 5
  466. ],
  467. "linearType": "none",
  468. "linearOpacity": 1,
  469. "customColor": [
  470. "#0052d4",
  471. "#4364f7",
  472. "#6fb1fc",
  473. "#f5f5f5"
  474. ],
  475. "colorStop": 0,
  476. "meterBorder": 1,
  477. "meterFillColor": "#FFFFFF",
  478. "activeBgColor": "#000000",
  479. "activeBgOpacity": 0.05,
  480. "meterBorde": 1
  481. },
  482. "tooltip": {
  483. "showBox": true,
  484. "showArrow": false,
  485. "showCategory": false,
  486. "borderWidth": 0,
  487. "borderRadius": 6,
  488. "borderColor": "#000000",
  489. "borderOpacity": 0.5,
  490. "bgColor": "#000000",
  491. "bgOpacity": 0.5,
  492. "gridType": "solid",
  493. "dashLength": 8,
  494. "gridColor": "#CCCCCC",
  495. "fontColor": "#FFFFFF",
  496. "splitLine": true,
  497. "horizentalLine": false,
  498. "xAxisLabel": false,
  499. "yAxisLabel": false,
  500. "labelBgColor": "#FFFFFF",
  501. "labelBgOpacity": 0.7,
  502. "labelFontColor": "#666666"
  503. },
  504. "markLine": {
  505. "type": "dash",
  506. "dashLength": 8,
  507. "data": []
  508. }
  509. }
  510. },
  511. "bar": {
  512. "type": "bar",
  513. "canvasId": "",
  514. "canvas2d": false,
  515. "background": "none",
  516. "animation": true,
  517. "timing": "easeOut",
  518. "duration": 1000,
  519. "color": [
  520. "#0052d4",
  521. "#ff5959"
  522. ],
  523. "padding": [
  524. 1,
  525. 15,
  526. 3,
  527. 3
  528. ],
  529. "rotate": false,
  530. "errorReload": true,
  531. "fontSize": 13,
  532. "fontColor": "#666666",
  533. "enableScroll": false,
  534. "touchMoveLimit": 60,
  535. "enableMarkLine": false,
  536. "dataLabel": false,
  537. "dataPointShape": false,
  538. "dataPointShapeType": "solid",
  539. "tapLegend": true,
  540. "xAxis": {
  541. "disabled": false,
  542. "axisLine": true,
  543. "axisLineColor": "#CCCCCC",
  544. "calibration": false,
  545. "fontColor": "#666666",
  546. "fontSize": 13,
  547. "rotateLabel": false,
  548. "itemCount": 5,
  549. "boundaryGap": "justify",
  550. "disableGrid": false,
  551. "gridColor": "#CCCCCC",
  552. "gridType": "solid",
  553. "dashLength": 4,
  554. "gridEval": 1,
  555. "scrollShow": false,
  556. "scrollAlign": "left",
  557. "scrollColor": "#A6A6A6",
  558. "scrollBackgroundColor": "#EFEBEF",
  559. "min": 0,
  560. "format": ""
  561. },
  562. "yAxis": {
  563. "disabled": false,
  564. "disableGrid": false,
  565. "splitNumber": 5,
  566. "gridType": "solid",
  567. "dashLength": 8,
  568. "gridColor": "#CCCCCC",
  569. "padding": 10,
  570. "showTitle": false,
  571. "data": []
  572. },
  573. "legend": {
  574. "show": true,
  575. "position": "top",
  576. "float": "right",
  577. "padding": 5,
  578. "margin": 5,
  579. "backgroundColor": "rgba(0,0,0,0)",
  580. "borderColor": "rgba(0,0,0,0)",
  581. "borderWidth": 0,
  582. "fontSize": 13,
  583. "fontColor": "#666666",
  584. "lineHeight": 11,
  585. "hiddenColor": "#CECECE",
  586. "itemGap": 10
  587. },
  588. "extra": {
  589. "bar": {
  590. "type": "group",
  591. "width": 30,
  592. "seriesGap": 2,
  593. "categoryGap": 3,
  594. "barBorderCircle": true,
  595. "barBorderRadius": [
  596. 15,
  597. 15,
  598. 15,
  599. 15
  600. ],
  601. "linearType": "opacity",
  602. "linearOpacity": 0.8,
  603. "colorStop": 0,
  604. "activeBgColor": "#000000",
  605. "activeBgOpacity": 0.08,
  606. "meterBorde": 1,
  607. "meterFillColor": "#FFFFFF"
  608. },
  609. "tooltip": {
  610. "showBox": true,
  611. "showArrow": false,
  612. "showCategory": false,
  613. "borderWidth": 0,
  614. "borderRadius": 5,
  615. "borderColor": "#000000",
  616. "borderOpacity": 0.5,
  617. "bgColor": "#000000",
  618. "bgOpacity": 0.5,
  619. "gridType": "solid",
  620. "dashLength": 4,
  621. "gridColor": "#CCCCCC",
  622. "fontColor": "#FFFFFF",
  623. "splitLine": true,
  624. "horizentalLine": false,
  625. "xAxisLabel": false,
  626. "yAxisLabel": false,
  627. "labelBgColor": "#FFFFFF",
  628. "labelBgOpacity": 0.5,
  629. "labelFontColor": "#666666"
  630. },
  631. "markLine": {
  632. "type": "solid",
  633. "dashLength": 4,
  634. "data": []
  635. }
  636. }
  637. },
  638. "area": {
  639. "type": "area",
  640. "canvasId": "",
  641. "canvas2d": false,
  642. "background": "none",
  643. "animation": true,
  644. "timing": "easeOut",
  645. "duration": 1000,
  646. "color": [
  647. "#0052d4",
  648. "#ff5959",
  649. "#f9b248"
  650. ],
  651. "padding": [
  652. 1,
  653. 10,
  654. 8,
  655. 3
  656. ],
  657. "rotate": false,
  658. "errorReload": true,
  659. "fontSize": 13,
  660. "fontColor": "#666666",
  661. "enableScroll": false,
  662. "touchMoveLimit": 60,
  663. "enableMarkLine": true,
  664. "dataLabel": true,
  665. "dataPointShape": true,
  666. "dataPointShapeType": "solid",
  667. "tapLegend": true,
  668. "xAxis": {
  669. "disabled": false,
  670. "axisLine": true,
  671. "axisLineColor": "#CCCCCC",
  672. "calibration": false,
  673. "fontColor": "#696969",
  674. "fontSize": 12,
  675. "rotateLabel": false,
  676. "labelCount": 6,
  677. "itemCount": 5,
  678. "boundaryGap": "justify",
  679. "disableGrid": true,
  680. "gridColor": "#CCCCCC",
  681. "gridType": "solid",
  682. "dashLength": 4,
  683. "gridEval": 1,
  684. "scrollShow": false,
  685. "scrollAlign": "left",
  686. "scrollColor": "#A6A6A6",
  687. "scrollBackgroundColor": "#EFEBEF",
  688. "format": ""
  689. },
  690. "yAxis": {
  691. "disabled": false,
  692. "disableGrid": false,
  693. "splitNumber": 5,
  694. "gridType": "solid",
  695. "dashLength": 10,
  696. "gridColor": "#CCCCCC",
  697. "padding": 10,
  698. "showTitle": false,
  699. "data": []
  700. },
  701. "legend": {
  702. "show": true,
  703. "position": "top",
  704. "float": "right",
  705. "padding": 5,
  706. "margin": 15,
  707. "backgroundColor": "rgba(0,0,0,0)",
  708. "borderColor": "rgba(0,0,0,0)",
  709. "borderWidth": 0,
  710. "fontSize": 12,
  711. "fontColor": "#696969",
  712. "lineHeight": 10,
  713. "hiddenColor": "#CECECE",
  714. "itemGap": 10
  715. },
  716. "extra": {
  717. "area": {
  718. "type": "straight",
  719. "opacity": 0.5,
  720. "addLine": true,
  721. "width": 2,
  722. "gradient": true
  723. },
  724. "tooltip": {
  725. "showBox": true,
  726. "showArrow": false,
  727. "showCategory": false,
  728. "borderWidth": 0,
  729. "borderRadius": 6,
  730. "borderColor": "#000000",
  731. "borderOpacity": 0.5,
  732. "bgColor": "#000000",
  733. "bgOpacity": 0.5,
  734. "gridType": "solid",
  735. "dashLength": 8,
  736. "gridColor": "#CCCCCC",
  737. "fontColor": "#FFFFFF",
  738. "splitLine": true,
  739. "horizentalLine": true,
  740. "xAxisLabel": false,
  741. "yAxisLabel": false,
  742. "labelBgColor": "#FFFFFF",
  743. "labelBgOpacity": 0.7,
  744. "labelFontColor": "#666666"
  745. },
  746. "markLine": {
  747. "type": "dash",
  748. "dashLength": 8,
  749. "data": []
  750. }
  751. }
  752. },
  753. "radar": {
  754. "type": "radar",
  755. "canvasId": "",
  756. "canvas2d": false,
  757. "background": "none",
  758. "animation": true,
  759. "timing": "easeOut",
  760. "duration": 1000,
  761. "color": [
  762. "#0052d4",
  763. "#ff5959",
  764. "#f9b248"
  765. ],
  766. "padding": [
  767. 0,
  768. 0,
  769. 0,
  770. 0
  771. ],
  772. "rotate": false,
  773. "errorReload": true,
  774. "fontSize": 13,
  775. "fontColor": "#696969",
  776. "enableScroll": false,
  777. "touchMoveLimit": 60,
  778. "enableMarkLine": false,
  779. "dataLabel": false,
  780. "dataPointShape": true,
  781. "dataPointShapeType": "solid",
  782. "tapLegend": true,
  783. "legend": {
  784. "show": true,
  785. "position": "bottom",
  786. "float": "center",
  787. "padding": 5,
  788. "margin": 5,
  789. "backgroundColor": "rgba(0,0,0,0)",
  790. "borderColor": "rgba(0,0,0,0)",
  791. "borderWidth": 0,
  792. "fontSize": 13,
  793. "fontColor": "#696969",
  794. "lineHeight": 10,
  795. "hiddenColor": "#CECECE",
  796. "itemGap": 10
  797. },
  798. "extra": {
  799. "radar": {
  800. "gridType": "circle",
  801. "gridColor": "#CCCCCC",
  802. "gridCount": 2,
  803. "labelColor": "#696969",
  804. "opacity": 0.3,
  805. "border": true,
  806. "borderWidth": 1,
  807. "max": 100
  808. },
  809. "tooltip": {
  810. "showBox": true,
  811. "showArrow": false,
  812. "showCategory": false,
  813. "borderWidth": 0,
  814. "borderRadius": 6,
  815. "borderColor": "#000000",
  816. "borderOpacity": 0.5,
  817. "bgColor": "#000000",
  818. "bgOpacity": 0.5,
  819. "gridType": "dash",
  820. "dashLength": 8,
  821. "gridColor": "#CCCCCC",
  822. "fontColor": "#FFFFFF",
  823. "splitLine": true,
  824. "horizentalLine": false,
  825. "xAxisLabel": false,
  826. "yAxisLabel": false,
  827. "labelBgColor": "#FFFFFF",
  828. "labelBgOpacity": 0.7,
  829. "labelFontColor": "#666666"
  830. }
  831. }
  832. },
  833. "mainline": {
  834. "type": "area",
  835. "canvasId": "",
  836. "canvas2d": false,
  837. "background": "none",
  838. "animation": true,
  839. "timing": "easeOut",
  840. "duration": 1000,
  841. "color": [
  842. "#6495ed"
  843. ],
  844. "padding": [
  845. 5,
  846. -15,
  847. 0,
  848. -15
  849. ],
  850. "rotate": false,
  851. "errorReload": true,
  852. "fontSize": 13,
  853. "fontColor": "#666666",
  854. "enableScroll": false,
  855. "touchMoveLimit": 60,
  856. "enableMarkLine": false,
  857. "dataLabel": false,
  858. "dataPointShape": true,
  859. "dataPointShapeType": "hollow",
  860. "tapLegend": true,
  861. "xAxis": {
  862. "disabled": true,
  863. "axisLine": false,
  864. "axisLineColor": "#CCCCCC",
  865. "calibration": false,
  866. "fontColor": "#666666",
  867. "fontSize": 13,
  868. "rotateLabel": false,
  869. "itemCount": 5,
  870. "boundaryGap": "center",
  871. "disableGrid": true,
  872. "gridColor": "#CCCCCC",
  873. "gridType": "solid",
  874. "dashLength": 4,
  875. "gridEval": 1,
  876. "scrollShow": false,
  877. "scrollAlign": "left",
  878. "scrollColor": "#A6A6A6",
  879. "scrollBackgroundColor": "#EFEBEF",
  880. "format": ""
  881. },
  882. "yAxis": {
  883. "disabled": true,
  884. "disableGrid": true,
  885. "splitNumber": 5,
  886. "gridType": "dash",
  887. "dashLength": 2,
  888. "gridColor": "#CCCCCC",
  889. "padding": 10,
  890. "showTitle": false,
  891. "data": []
  892. },
  893. "legend": {
  894. "show": false,
  895. "position": "bottom",
  896. "float": "center",
  897. "padding": 10,
  898. "margin": 0,
  899. "backgroundColor": "rgba(0,0,0,0)",
  900. "borderColor": "rgba(0,0,0,0)",
  901. "borderWidth": 0,
  902. "fontSize": 13,
  903. "fontColor": "#666666",
  904. "lineHeight": 11,
  905. "hiddenColor": "#CECECE",
  906. "itemGap": 10
  907. },
  908. "extra": {
  909. "area": {
  910. "type": "curve",
  911. "opacity": 1,
  912. "addLine": true,
  913. "width": 4,
  914. "gradient": true
  915. },
  916. "tooltip": {
  917. "showBox": true,
  918. "showArrow": true,
  919. "showCategory": false,
  920. "borderWidth": 0,
  921. "borderRadius": 5,
  922. "borderColor": "#000000",
  923. "borderOpacity": 0.5,
  924. "bgColor": "#000000",
  925. "bgOpacity": 0.5,
  926. "gridType": "solid",
  927. "dashLength": 4,
  928. "gridColor": "#CCCCCC",
  929. "fontColor": "#FFFFFF",
  930. "splitLine": false,
  931. "horizentalLine": false,
  932. "xAxisLabel": false,
  933. "yAxisLabel": false,
  934. "labelBgColor": "#FFFFFF",
  935. "labelBgOpacity": 0.5,
  936. "labelFontColor": "#666666"
  937. },
  938. "markLine": {
  939. "type": "solid",
  940. "dashLength": 4,
  941. "data": []
  942. }
  943. }
  944. },
  945. "mainradar": {
  946. "type": "radar",
  947. "canvasId": "",
  948. "canvas2d": false,
  949. "background": "none",
  950. "animation": true,
  951. "timing": "easeOut",
  952. "duration": 1000,
  953. "color": [
  954. "#0052d4",
  955. "#ff5959",
  956. "#f9b248"
  957. ],
  958. "padding": [
  959. 5,
  960. 5,
  961. 5,
  962. 5
  963. ],
  964. "rotate": false,
  965. "errorReload": true,
  966. "fontSize": 13,
  967. "fontColor": "#666666",
  968. "enableScroll": false,
  969. "touchMoveLimit": 60,
  970. "enableMarkLine": false,
  971. "dataLabel": false,
  972. "dataPointShape": false,
  973. "dataPointShapeType": "solid",
  974. "tapLegend": true,
  975. "legend": {
  976. "show": true,
  977. "position": "bottom",
  978. "float": "right",
  979. "padding": 5,
  980. "margin": 5,
  981. "backgroundColor": "rgba(0,0,0,0)",
  982. "borderColor": "rgba(0,0,0,0)",
  983. "borderWidth": 0,
  984. "fontSize": 13,
  985. "fontColor": "#666666",
  986. "lineHeight": 25,
  987. "hiddenColor": "#CECECE",
  988. "itemGap": 10
  989. },
  990. "extra": {
  991. "radar": {
  992. "gridType": "radar",
  993. "gridColor": "#CCCCCC",
  994. "gridCount": 1,
  995. "labelColor": "#666666",
  996. "opacity": 0.2,
  997. "border": true,
  998. "borderWidth": 2,
  999. "max": 100
  1000. },
  1001. "tooltip": {
  1002. "showBox": true,
  1003. "showArrow": true,
  1004. "showCategory": false,
  1005. "borderWidth": 0,
  1006. "borderRadius": 5,
  1007. "borderColor": "#000000",
  1008. "borderOpacity": 0.5,
  1009. "bgColor": "#000000",
  1010. "bgOpacity": 0.5,
  1011. "gridType": "solid",
  1012. "dashLength": 4,
  1013. "gridColor": "#CCCCCC",
  1014. "fontColor": "#FFFFFF",
  1015. "splitLine": false,
  1016. "horizentalLine": false,
  1017. "xAxisLabel": false,
  1018. "yAxisLabel": false,
  1019. "labelBgColor": "#FFFFFF",
  1020. "labelBgOpacity": 0.5,
  1021. "labelFontColor": "#666666"
  1022. }
  1023. }
  1024. },
  1025. "mini-line": {
  1026. "type": "line",
  1027. "canvasId": "",
  1028. "canvas2d": false,
  1029. "background": "none",
  1030. "animation": true,
  1031. "timing": "easeOut",
  1032. "duration": 1000,
  1033. "color": [
  1034. "#0052d4",
  1035. "#ff5959",
  1036. "#f9b248"
  1037. ],
  1038. "padding": [
  1039. 0,
  1040. 0,
  1041. 0,
  1042. 0
  1043. ],
  1044. "rotate": false,
  1045. "errorReload": true,
  1046. "fontSize": 13,
  1047. "fontColor": "#666666",
  1048. "enableScroll": false,
  1049. "touchMoveLimit": 60,
  1050. "enableMarkLine": false,
  1051. "dataLabel": false,
  1052. "dataPointShape": false,
  1053. "dataPointShapeType": "solid",
  1054. "tapLegend": false,
  1055. "xAxis": {
  1056. "disabled": true,
  1057. "axisLine": false,
  1058. "axisLineColor": "#CCCCCC",
  1059. "calibration": false,
  1060. "fontColor": "#666666",
  1061. "fontSize": 13,
  1062. "rotateLabel": false,
  1063. "itemCount": 5,
  1064. "boundaryGap": "center",
  1065. "disableGrid": true,
  1066. "gridColor": "#CCCCCC",
  1067. "gridType": "solid",
  1068. "dashLength": 4,
  1069. "gridEval": 1,
  1070. "scrollShow": false,
  1071. "scrollAlign": "left",
  1072. "scrollColor": "#A6A6A6",
  1073. "scrollBackgroundColor": "#EFEBEF",
  1074. "format": ""
  1075. },
  1076. "yAxis": {
  1077. "disabled": true,
  1078. "disableGrid": true,
  1079. "splitNumber": 5,
  1080. "gridType": "dash",
  1081. "dashLength": 2,
  1082. "gridColor": "#CCCCCC",
  1083. "padding": 10,
  1084. "showTitle": false,
  1085. "data": []
  1086. },
  1087. "legend": {
  1088. "show": false,
  1089. "position": "left",
  1090. "float": "center",
  1091. "padding": 5,
  1092. "margin": 5,
  1093. "backgroundColor": "rgba(0,0,0,0)",
  1094. "borderColor": "rgba(0,0,0,0)",
  1095. "borderWidth": 0,
  1096. "fontSize": 13,
  1097. "fontColor": "#666666",
  1098. "lineHeight": 11,
  1099. "hiddenColor": "#CECECE",
  1100. "itemGap": 10
  1101. },
  1102. "extra": {
  1103. "line": {
  1104. "type": "curve",
  1105. "width": 2
  1106. },
  1107. "tooltip": {
  1108. "showBox": false,
  1109. "showArrow": false,
  1110. "showCategory": false,
  1111. "borderWidth": 0,
  1112. "borderRadius": 0,
  1113. "borderColor": "#000000",
  1114. "borderOpacity": 0.7,
  1115. "bgColor": "#000000",
  1116. "bgOpacity": 0.7,
  1117. "gridType": "solid",
  1118. "dashLength": 4,
  1119. "gridColor": "#CCCCCC",
  1120. "fontColor": "#FFFFFF",
  1121. "splitLine": false,
  1122. "horizentalLine": false,
  1123. "xAxisLabel": false,
  1124. "yAxisLabel": false,
  1125. "labelBgColor": "#FFFFFF",
  1126. "labelBgOpacity": 0.7,
  1127. "labelFontColor": "#666666"
  1128. },
  1129. "markLine": {
  1130. "type": "solid",
  1131. "dashLength": 4,
  1132. "data": []
  1133. }
  1134. }
  1135. },
  1136. "mini-area": {
  1137. "type": "area",
  1138. "canvasId": "",
  1139. "canvas2d": false,
  1140. "background": "none",
  1141. "animation": true,
  1142. "timing": "easeOut",
  1143. "duration": 1000,
  1144. "color": [
  1145. "#0052d4",
  1146. "#ff5959",
  1147. "#f9b248"
  1148. ],
  1149. "padding": [
  1150. 15,
  1151. 15,
  1152. 0,
  1153. 15
  1154. ],
  1155. "rotate": false,
  1156. "errorReload": true,
  1157. "fontSize": 13,
  1158. "fontColor": "#666666",
  1159. "enableScroll": false,
  1160. "touchMoveLimit": 60,
  1161. "enableMarkLine": false,
  1162. "dataLabel": false,
  1163. "dataPointShape": false,
  1164. "dataPointShapeType": "solid",
  1165. "tapLegend": false,
  1166. "xAxis": {
  1167. "disabled": true,
  1168. "axisLine": false,
  1169. "axisLineColor": "#CCCCCC",
  1170. "calibration": false,
  1171. "fontColor": "#666666",
  1172. "fontSize": 13,
  1173. "rotateLabel": false,
  1174. "itemCount": 5,
  1175. "boundaryGap": "justify",
  1176. "disableGrid": true,
  1177. "gridColor": "#CCCCCC",
  1178. "gridType": "solid",
  1179. "dashLength": 4,
  1180. "gridEval": 1,
  1181. "scrollShow": false,
  1182. "scrollAlign": "left",
  1183. "scrollColor": "#A6A6A6",
  1184. "scrollBackgroundColor": "#EFEBEF",
  1185. "format": ""
  1186. },
  1187. "yAxis": {
  1188. "disabled": true,
  1189. "disableGrid": true,
  1190. "splitNumber": 5,
  1191. "gridType": "dash",
  1192. "dashLength": 2,
  1193. "gridColor": "#CCCCCC",
  1194. "padding": 10,
  1195. "showTitle": false,
  1196. "data": []
  1197. },
  1198. "legend": {
  1199. "show": false,
  1200. "position": "bottom",
  1201. "float": "center",
  1202. "padding": 5,
  1203. "margin": 5,
  1204. "backgroundColor": "rgba(0,0,0,0)",
  1205. "borderColor": "rgba(0,0,0,0)",
  1206. "borderWidth": 0,
  1207. "fontSize": 13,
  1208. "fontColor": "#666666",
  1209. "lineHeight": 11,
  1210. "hiddenColor": "#CECECE",
  1211. "itemGap": 10
  1212. },
  1213. "extra": {
  1214. "area": {
  1215. "type": "straight",
  1216. "opacity": 1,
  1217. "addLine": true,
  1218. "width": 2,
  1219. "gradient": true
  1220. },
  1221. "tooltip": {
  1222. "showBox": false,
  1223. "showArrow": false,
  1224. "showCategory": false,
  1225. "borderWidth": 0,
  1226. "borderRadius": 0,
  1227. "borderColor": "#000000",
  1228. "borderOpacity": 0.7,
  1229. "bgColor": "#000000",
  1230. "bgOpacity": 0.7,
  1231. "gridType": "solid",
  1232. "dashLength": 4,
  1233. "gridColor": "#CCCCCC",
  1234. "fontColor": "#FFFFFF",
  1235. "splitLine": false,
  1236. "horizentalLine": false,
  1237. "xAxisLabel": false,
  1238. "yAxisLabel": false,
  1239. "labelBgColor": "#FFFFFF",
  1240. "labelBgOpacity": 0.7,
  1241. "labelFontColor": "#666666"
  1242. },
  1243. "markLine": {
  1244. "type": "solid",
  1245. "dashLength": 4,
  1246. "data": []
  1247. }
  1248. }
  1249. },
  1250. "mini-column": {
  1251. "type": "column",
  1252. "canvasId": "",
  1253. "canvas2d": false,
  1254. "background": "none",
  1255. "animation": true,
  1256. "timing": "easeOut",
  1257. "duration": 1000,
  1258. "color": [
  1259. "#0052d4",
  1260. "#ff5959",
  1261. "#f9b248"
  1262. ],
  1263. "padding": [
  1264. 0,
  1265. 13,
  1266. 0,
  1267. 13
  1268. ],
  1269. "rotate": false,
  1270. "errorReload": true,
  1271. "fontSize": 13,
  1272. "fontColor": "#666666",
  1273. "enableScroll": false,
  1274. "touchMoveLimit": 60,
  1275. "enableMarkLine": false,
  1276. "dataLabel": false,
  1277. "dataPointShape": false,
  1278. "dataPointShapeType": "solid",
  1279. "tapLegend": true,
  1280. "xAxis": {
  1281. "disabled": true,
  1282. "axisLine": false,
  1283. "axisLineColor": "#CCCCCC",
  1284. "calibration": false,
  1285. "fontColor": "#666666",
  1286. "fontSize": 13,
  1287. "rotateLabel": false,
  1288. "itemCount": 5,
  1289. "boundaryGap": "center",
  1290. "disableGrid": true,
  1291. "gridColor": "#CCCCCC",
  1292. "gridType": "solid",
  1293. "dashLength": 4,
  1294. "gridEval": 1,
  1295. "scrollShow": false,
  1296. "scrollAlign": "left",
  1297. "scrollColor": "#A6A6A6",
  1298. "scrollBackgroundColor": "#EFEBEF",
  1299. "format": ""
  1300. },
  1301. "yAxis": {
  1302. "disabled": true,
  1303. "disableGrid": true,
  1304. "splitNumber": 5,
  1305. "gridType": "solid",
  1306. "dashLength": 8,
  1307. "gridColor": "#CCCCCC",
  1308. "padding": 10,
  1309. "showTitle": false,
  1310. "data": []
  1311. },
  1312. "legend": {
  1313. "show": false,
  1314. "position": "bottom",
  1315. "float": "center",
  1316. "padding": 5,
  1317. "margin": 5,
  1318. "backgroundColor": "rgba(0,0,0,0)",
  1319. "borderColor": "rgba(0,0,0,0)",
  1320. "borderWidth": 0,
  1321. "fontSize": 13,
  1322. "fontColor": "#666666",
  1323. "lineHeight": 11,
  1324. "hiddenColor": "#CECECE",
  1325. "itemGap": 10
  1326. },
  1327. "extra": {
  1328. "column": {
  1329. "type": "group",
  1330. "width": 10,
  1331. "seriesGap": 2,
  1332. "categoryGap": 3,
  1333. "barBorderCircle": false,
  1334. "barBorderRadius": [
  1335. 10,
  1336. 10,
  1337. 10,
  1338. 10
  1339. ],
  1340. "linearType": "opacity",
  1341. "linearOpacity": 0.7,
  1342. "customColor": [
  1343. "#0052d4",
  1344. "#FFFFFF",
  1345. "#ff5959",
  1346. "#FFFFFF"
  1347. ],
  1348. "colorStop": 0.5,
  1349. "meterBorder": 1,
  1350. "meterFillColor": "#FFFFFF",
  1351. "activeBgColor": "#FFFFFF",
  1352. "activeBgOpacity": 0.08,
  1353. "meterBorde": 1
  1354. },
  1355. "tooltip": {
  1356. "showBox": false,
  1357. "showArrow": false,
  1358. "showCategory": false,
  1359. "borderWidth": 0,
  1360. "borderRadius": 0,
  1361. "borderColor": "#000000",
  1362. "borderOpacity": 0.7,
  1363. "bgColor": "#000000",
  1364. "bgOpacity": 0.7,
  1365. "gridType": "solid",
  1366. "dashLength": 4,
  1367. "gridColor": "#CCCCCC",
  1368. "fontColor": "#FFFFFF",
  1369. "splitLine": false,
  1370. "horizentalLine": false,
  1371. "xAxisLabel": false,
  1372. "yAxisLabel": false,
  1373. "labelBgColor": "#FFFFFF",
  1374. "labelBgOpacity": 0.7,
  1375. "labelFontColor": "#666666"
  1376. },
  1377. "markLine": {
  1378. "type": "solid",
  1379. "dashLength": 4,
  1380. "data": []
  1381. }
  1382. }
  1383. },
  1384. "mini-rose": {
  1385. "type": "rose",
  1386. "canvasId": "",
  1387. "canvas2d": false,
  1388. "background": "none",
  1389. "animation": true,
  1390. "timing": "easeOut",
  1391. "duration": 1000,
  1392. "color": [
  1393. "#0052d4",
  1394. "#ff5959",
  1395. "#f9b248",
  1396. "#3CA272",
  1397. "#73C0DE",
  1398. "#ff55a3"
  1399. ],
  1400. "padding": [
  1401. 5,
  1402. 5,
  1403. 5,
  1404. 5
  1405. ],
  1406. "rotate": false,
  1407. "errorReload": true,
  1408. "fontSize": 13,
  1409. "fontColor": "#666666",
  1410. "enableScroll": false,
  1411. "touchMoveLimit": 60,
  1412. "enableMarkLine": false,
  1413. "dataLabel": false,
  1414. "dataPointShape": false,
  1415. "dataPointShapeType": "hollow",
  1416. "tapLegend": false,
  1417. "legend": {
  1418. "show": false,
  1419. "position": "bottom",
  1420. "float": "center",
  1421. "padding": 5,
  1422. "margin": 5,
  1423. "backgroundColor": "rgba(0,0,0,0)",
  1424. "borderColor": "rgba(0,0,0,0)",
  1425. "borderWidth": 0,
  1426. "fontSize": 13,
  1427. "fontColor": "#666666",
  1428. "lineHeight": 25,
  1429. "hiddenColor": "#CECECE",
  1430. "itemGap": 10
  1431. },
  1432. "extra": {
  1433. "rose": {
  1434. "type": "radius",
  1435. "minRadius": 50,
  1436. "activeOpacity": 0.5,
  1437. "activeRadius": 10,
  1438. "offsetAngle": 0,
  1439. "labelWidth": 15,
  1440. "border": true,
  1441. "borderWidth": 2,
  1442. "borderColor": "#FFFFFF",
  1443. },
  1444. "tooltip": {
  1445. "showBox": true,
  1446. "showArrow": false,
  1447. "showCategory": false,
  1448. "borderWidth": 0,
  1449. "borderRadius": 6,
  1450. "borderColor": "#000000",
  1451. "borderOpacity": 0.5,
  1452. "bgColor": "#000000",
  1453. "bgOpacity": 0.5,
  1454. "gridType": "solid",
  1455. "dashLength": 4,
  1456. "gridColor": "#CCCCCC",
  1457. "fontColor": "#FFFFFF",
  1458. "splitLine": true,
  1459. "horizentalLine": false,
  1460. "xAxisLabel": false,
  1461. "yAxisLabel": false,
  1462. "labelBgColor": "#FFFFFF",
  1463. "labelBgOpacity": 0.7,
  1464. "labelFontColor": "#666666"
  1465. }
  1466. }
  1467. },
  1468. "mini-bar": {
  1469. "type": "bar",
  1470. "canvasId": "",
  1471. "canvas2d": false,
  1472. "background": "none",
  1473. "animation": true,
  1474. "timing": "easeOut",
  1475. "duration": 1000,
  1476. "color": [
  1477. "#0052d4",
  1478. "#ff5959"
  1479. ],
  1480. "padding": [
  1481. 0,
  1482. 15,
  1483. -10,
  1484. 5
  1485. ],
  1486. "rotate": false,
  1487. "errorReload": true,
  1488. "fontSize": 13,
  1489. "fontColor": "#666666",
  1490. "enableScroll": false,
  1491. "touchMoveLimit": 60,
  1492. "enableMarkLine": false,
  1493. "dataLabel": false,
  1494. "dataPointShape": false,
  1495. "dataPointShapeType": "solid",
  1496. "tapLegend": true,
  1497. "xAxis": {
  1498. "disabled": true,
  1499. "axisLine": false,
  1500. "axisLineColor": "#CCCCCC",
  1501. "calibration": false,
  1502. "fontColor": "#666666",
  1503. "fontSize": 13,
  1504. "rotateLabel": false,
  1505. "itemCount": 5,
  1506. "boundaryGap": "justify",
  1507. "disableGrid": true,
  1508. "gridColor": "#CCCCCC",
  1509. "gridType": "solid",
  1510. "dashLength": 4,
  1511. "gridEval": 1,
  1512. "scrollShow": false,
  1513. "scrollAlign": "left",
  1514. "scrollColor": "#A6A6A6",
  1515. "scrollBackgroundColor": "#EFEBEF",
  1516. "min": 0,
  1517. "format": ""
  1518. },
  1519. "yAxis": {
  1520. "disabled": true,
  1521. "disableGrid": true,
  1522. "splitNumber": 5,
  1523. "gridType": "solid",
  1524. "dashLength": 8,
  1525. "gridColor": "#CCCCCC",
  1526. "padding": 10,
  1527. "showTitle": false,
  1528. "data": []
  1529. },
  1530. "legend": {
  1531. "show": false,
  1532. "position": "bottom",
  1533. "float": "center",
  1534. "padding": 5,
  1535. "margin": 5,
  1536. "backgroundColor": "rgba(0,0,0,0)",
  1537. "borderColor": "rgba(0,0,0,0)",
  1538. "borderWidth": 0,
  1539. "fontSize": 13,
  1540. "fontColor": "#666666",
  1541. "lineHeight": 11,
  1542. "hiddenColor": "#CECECE",
  1543. "itemGap": 10
  1544. },
  1545. "extra": {
  1546. "bar": {
  1547. "type": "group",
  1548. "width": 10,
  1549. "seriesGap": 2,
  1550. "categoryGap": 3,
  1551. "barBorderCircle": false,
  1552. "barBorderRadius": [
  1553. 10,
  1554. 10,
  1555. 10,
  1556. 10
  1557. ],
  1558. "linearType": "opacity",
  1559. "linearOpacity": 0.7,
  1560. "colorStop": 0,
  1561. "activeBgColor": "#FFFFFF",
  1562. "activeBgOpacity": 0,
  1563. "meterBorde": 1,
  1564. "meterFillColor": "#FFFFFF"
  1565. },
  1566. "tooltip": {
  1567. "showBox": false,
  1568. "showArrow": false,
  1569. "showCategory": false,
  1570. "borderWidth": 0,
  1571. "borderRadius": 0,
  1572. "borderColor": "#000000",
  1573. "borderOpacity": 0.7,
  1574. "bgColor": "#000000",
  1575. "bgOpacity": 0.7,
  1576. "gridType": "solid",
  1577. "dashLength": 4,
  1578. "gridColor": "#CCCCCC",
  1579. "fontColor": "#FFFFFF",
  1580. "splitLine": true,
  1581. "horizentalLine": false,
  1582. "xAxisLabel": false,
  1583. "yAxisLabel": false,
  1584. "labelBgColor": "#FFFFFF",
  1585. "labelBgOpacity": 0.7,
  1586. "labelFontColor": "#666666"
  1587. },
  1588. "markLine": {
  1589. "type": "solid",
  1590. "dashLength": 4,
  1591. "data": []
  1592. }
  1593. }
  1594. },
  1595. "mini-radar":{
  1596. "type": "radar",
  1597. "canvasId": "",
  1598. "canvas2d": false,
  1599. "background": "none",
  1600. "animation": true,
  1601. "timing": "easeOut",
  1602. "duration": 1000,
  1603. "color": [
  1604. "#0052d4",
  1605. "#ff5959",
  1606. "#f9b248"
  1607. ],
  1608. "padding": [
  1609. -40,
  1610. -35,
  1611. -35,
  1612. -35
  1613. ],
  1614. "rotate": false,
  1615. "errorReload": true,
  1616. "fontSize": 13,
  1617. "fontColor": "#666666",
  1618. "enableScroll": false,
  1619. "touchMoveLimit": 60,
  1620. "enableMarkLine": false,
  1621. "dataLabel": false,
  1622. "dataPointShape": false,
  1623. "dataPointShapeType": "solid",
  1624. "tapLegend": true,
  1625. "legend": {
  1626. "show": false,
  1627. "position": "right",
  1628. "float": "center",
  1629. "padding": 5,
  1630. "margin": 5,
  1631. "backgroundColor": "rgba(0,0,0,0)",
  1632. "borderColor": "rgba(0,0,0,0)",
  1633. "borderWidth": 0,
  1634. "fontSize": 13,
  1635. "fontColor": "#666666",
  1636. "lineHeight": 25,
  1637. "hiddenColor": "#CECECE",
  1638. "itemGap": 10
  1639. },
  1640. "extra": {
  1641. "radar": {
  1642. "gridType": "radar",
  1643. "gridColor": "#FFFFFF",
  1644. "gridCount": 3,
  1645. "labelColor": "#FFFFFF",
  1646. "opacity": 0.4,
  1647. "border": true,
  1648. "borderWidth": 2,
  1649. "max": 1
  1650. },
  1651. "tooltip": {
  1652. "showBox": false,
  1653. "showArrow": false,
  1654. "showCategory": false,
  1655. "borderWidth": 0,
  1656. "borderRadius": 0,
  1657. "borderColor": "#000000",
  1658. "borderOpacity": 0.7,
  1659. "bgColor": "#000000",
  1660. "bgOpacity": 0.7,
  1661. "gridType": "solid",
  1662. "dashLength": 4,
  1663. "gridColor": "#CCCCCC",
  1664. "fontColor": "#FFFFFF",
  1665. "splitLine": false,
  1666. "horizentalLine": false,
  1667. "xAxisLabel": false,
  1668. "yAxisLabel": false,
  1669. "labelBgColor": "#FFFFFF",
  1670. "labelBgOpacity": 0.7,
  1671. "labelFontColor": "#666666"
  1672. }
  1673. }
  1674. },
  1675. }
  1676. export default cfu;