config-ucharts.js 37 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673
  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. -20,
  134. -10,
  135. -10,
  136. -10
  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. ],
  215. "rotate": false,
  216. "errorReload": true,
  217. "fontSize": 13,
  218. "fontColor": "#666666",
  219. "enableScroll": false,
  220. "touchMoveLimit": 60,
  221. "enableMarkLine": false,
  222. "dataLabel": true,
  223. "dataPointShape": true,
  224. "dataPointShapeType": "solid",
  225. "tapLegend": true,
  226. "title": {
  227. "name": "孩子",
  228. "fontSize": 25,
  229. "color": "#0052d4",
  230. },
  231. "subtitle": {
  232. "name": "排名百分比",
  233. "fontSize": 15,
  234. "color": "#666666",
  235. },
  236. "extra": {
  237. "arcbar": {
  238. "type": "default",
  239. "width": 16,
  240. "backgroundColor": "#E9E9E9",
  241. "startAngle": 0.75,
  242. "endAngle": 0.25,
  243. "gap": 2,
  244. "centerX": 0,
  245. "centerY": 0,
  246. "linearType": "custom",
  247. "customColor": [
  248. "#65c7f7",
  249. "#f16529",
  250. "#ffcc33"
  251. ]
  252. }
  253. }
  254. },
  255. "line": {
  256. "type": "line",
  257. "canvasId": "",
  258. "canvas2d": false,
  259. "background": "none",
  260. "animation": true,
  261. "timing": "easeOut",
  262. "duration": 1000,
  263. "color": [
  264. "#0052d4",
  265. "#ff5959",
  266. "#f9b248"
  267. ],
  268. "padding": [
  269. 1,
  270. 10,
  271. 8,
  272. 3
  273. ],
  274. "rotate": false,
  275. "errorReload": true,
  276. "fontSize": 12,
  277. "fontColor": "#696969",
  278. "enableScroll": false,
  279. "touchMoveLimit": 60,
  280. "enableMarkLine": true,
  281. "dataLabel": true,
  282. "dataPointShape": true,
  283. "dataPointShapeType": "solid",
  284. "tapLegend": true,
  285. "xAxis": {
  286. "disabled": false,
  287. "axisLine": true,
  288. "axisLineColor": "#CCCCCC",
  289. "calibration": false,
  290. "fontColor": "#696969",
  291. "fontSize": 12,
  292. "rotateLabel": false,
  293. "labelCount": 6,
  294. "itemCount": 5,
  295. "boundaryGap": "center",
  296. "disableGrid": true,
  297. "gridColor": "#696969",
  298. "gridType": "solid",
  299. "dashLength": 4,
  300. "gridEval": 1,
  301. "scrollShow": false,
  302. "scrollAlign": "left",
  303. "scrollColor": "#F5F5F5",
  304. "scrollBackgroundColor": "#D3D3D3",
  305. "format": ""
  306. },
  307. "yAxis": {
  308. "disabled": false,
  309. "disableGrid": false,
  310. "splitNumber": 5,
  311. "gridType": "solid",
  312. "dashLength": 10,
  313. "gridColor": "#CCCCCC",
  314. "padding": 10,
  315. "showTitle": false,
  316. "data": []
  317. },
  318. "legend": {
  319. "show": true,
  320. "position": "top",
  321. "float": "right",
  322. "padding": 5,
  323. "margin": 15,
  324. "backgroundColor": "rgba(0,0,0,0)",
  325. "borderColor": "rgba(0,0,0,0)",
  326. "borderWidth": 0,
  327. "fontSize": 12,
  328. "fontColor": "#696969",
  329. "lineHeight": 10,
  330. "hiddenColor": "#CECECE",
  331. "itemGap": 10
  332. },
  333. "extra": {
  334. "line": {
  335. "type": "curve",
  336. "width": 2
  337. },
  338. "tooltip": {
  339. "showBox": true,
  340. "showArrow": false,
  341. "showCategory": false,
  342. "borderWidth": 0,
  343. "borderRadius": 6,
  344. "borderColor": "#000000",
  345. "borderOpacity": 0.5,
  346. "bgColor": "#000000",
  347. "bgOpacity": 0.5,
  348. "gridType": "solid",
  349. "dashLength": 8,
  350. "gridColor": "#CCCCCC",
  351. "fontColor": "#FFFFFF",
  352. "splitLine": true,
  353. "horizentalLine": false,
  354. "xAxisLabel": false,
  355. "yAxisLabel": false,
  356. "labelBgColor": "#FFFFFF",
  357. "labelBgOpacity": 0.7,
  358. "labelFontColor": "#666666"
  359. },
  360. "markLine": {
  361. "type": "dash",
  362. "dashLength": 8,
  363. "data": []
  364. }
  365. }
  366. },
  367. "column": {
  368. "type": "column",
  369. "canvasId": "",
  370. "canvas2d": false,
  371. "background": "none",
  372. "animation": true,
  373. "timing": "easeOut",
  374. "duration": 1000,
  375. "color": [
  376. "#0052d4",
  377. "#ff5959",
  378. "#f9b248"
  379. ],
  380. "padding": [
  381. 1,
  382. 10,
  383. 8,
  384. 3
  385. ],
  386. "rotate": false,
  387. "errorReload": true,
  388. "fontSize": 12,
  389. "fontColor": "#696969",
  390. "enableScroll": false,
  391. "touchMoveLimit": 60,
  392. "enableMarkLine": true,
  393. "dataLabel": true,
  394. "dataPointShape": true,
  395. "dataPointShapeType": "solid",
  396. "tapLegend": true,
  397. "xAxis": {
  398. "disabled": false,
  399. "axisLine": true,
  400. "axisLineColor": "#CCCCCC",
  401. "calibration": false,
  402. "fontColor": "#696969",
  403. "fontSize": 12,
  404. "rotateLabel": false,
  405. "labelCount": 6,
  406. "itemCount": 5,
  407. "boundaryGap": "center",
  408. "disableGrid": true,
  409. "gridColor": "#696969",
  410. "gridType": "solid",
  411. "dashLength": 4,
  412. "gridEval": 1,
  413. "scrollShow": false,
  414. "scrollAlign": "left",
  415. "scrollColor": "#F5F5F5",
  416. "scrollBackgroundColor": "#D3D3D3",
  417. "format": ""
  418. },
  419. "yAxis": {
  420. "disabled": false,
  421. "disableGrid": false,
  422. "splitNumber": 5,
  423. "gridType": "solid",
  424. "dashLength": 10,
  425. "gridColor": "#CCCCCC",
  426. "padding": 10,
  427. "showTitle": false,
  428. "data": []
  429. },
  430. "legend": {
  431. "show": true,
  432. "position": "top",
  433. "float": "right",
  434. "padding": 5,
  435. "margin": 15,
  436. "backgroundColor": "rgba(0,0,0,0)",
  437. "borderColor": "rgba(0,0,0,0)",
  438. "borderWidth": 0,
  439. "fontSize": 12,
  440. "fontColor": "#696969",
  441. "lineHeight": 10,
  442. "hiddenColor": "#CECECE",
  443. "itemGap": 10
  444. },
  445. "extra": {
  446. "column": {
  447. "type": "group",
  448. "width": 17,
  449. "seriesGap": 2,
  450. "categoryGap": 3,
  451. "barBorderCircle": false,
  452. "barBorderRadius": [
  453. 5,
  454. 5,
  455. 5,
  456. 5
  457. ],
  458. "linearType": "none",
  459. "linearOpacity": 1,
  460. "customColor": [
  461. "#0052d4",
  462. "#4364f7",
  463. "#6fb1fc",
  464. "#f5f5f5"
  465. ],
  466. "colorStop": 0,
  467. "meterBorder": 1,
  468. "meterFillColor": "#FFFFFF",
  469. "activeBgColor": "#000000",
  470. "activeBgOpacity": 0.05,
  471. "meterBorde": 1
  472. },
  473. "tooltip": {
  474. "showBox": true,
  475. "showArrow": false,
  476. "showCategory": false,
  477. "borderWidth": 0,
  478. "borderRadius": 6,
  479. "borderColor": "#000000",
  480. "borderOpacity": 0.5,
  481. "bgColor": "#000000",
  482. "bgOpacity": 0.5,
  483. "gridType": "solid",
  484. "dashLength": 8,
  485. "gridColor": "#CCCCCC",
  486. "fontColor": "#FFFFFF",
  487. "splitLine": true,
  488. "horizentalLine": false,
  489. "xAxisLabel": false,
  490. "yAxisLabel": false,
  491. "labelBgColor": "#FFFFFF",
  492. "labelBgOpacity": 0.7,
  493. "labelFontColor": "#666666"
  494. },
  495. "markLine": {
  496. "type": "dash",
  497. "dashLength": 8,
  498. "data": []
  499. }
  500. }
  501. },
  502. "bar": {
  503. "type": "bar",
  504. "canvasId": "",
  505. "canvas2d": false,
  506. "background": "none",
  507. "animation": true,
  508. "timing": "easeOut",
  509. "duration": 1000,
  510. "color": [
  511. "#0052d4",
  512. "#ff5959"
  513. ],
  514. "padding": [
  515. 1,
  516. 20,
  517. 5,
  518. 5
  519. ],
  520. "rotate": false,
  521. "errorReload": true,
  522. "fontSize": 13,
  523. "fontColor": "#666666",
  524. "enableScroll": false,
  525. "touchMoveLimit": 60,
  526. "enableMarkLine": false,
  527. "dataLabel": false,
  528. "dataPointShape": false,
  529. "dataPointShapeType": "solid",
  530. "tapLegend": true,
  531. "xAxis": {
  532. "disabled": false,
  533. "axisLine": true,
  534. "axisLineColor": "#CCCCCC",
  535. "calibration": false,
  536. "fontColor": "#666666",
  537. "fontSize": 13,
  538. "rotateLabel": false,
  539. "itemCount": 5,
  540. "boundaryGap": "justify",
  541. "disableGrid": false,
  542. "gridColor": "#CCCCCC",
  543. "gridType": "solid",
  544. "dashLength": 4,
  545. "gridEval": 1,
  546. "scrollShow": false,
  547. "scrollAlign": "left",
  548. "scrollColor": "#A6A6A6",
  549. "scrollBackgroundColor": "#EFEBEF",
  550. "min": 0,
  551. "format": ""
  552. },
  553. "yAxis": {
  554. "disabled": false,
  555. "disableGrid": false,
  556. "splitNumber": 5,
  557. "gridType": "solid",
  558. "dashLength": 8,
  559. "gridColor": "#CCCCCC",
  560. "padding": 10,
  561. "showTitle": false,
  562. "data": []
  563. },
  564. "legend": {
  565. "show": true,
  566. "position": "top",
  567. "float": "right",
  568. "padding": 5,
  569. "margin": 5,
  570. "backgroundColor": "rgba(0,0,0,0)",
  571. "borderColor": "rgba(0,0,0,0)",
  572. "borderWidth": 0,
  573. "fontSize": 13,
  574. "fontColor": "#666666",
  575. "lineHeight": 11,
  576. "hiddenColor": "#CECECE",
  577. "itemGap": 10
  578. },
  579. "extra": {
  580. "bar": {
  581. "type": "group",
  582. "width": 30,
  583. "seriesGap": 2,
  584. "categoryGap": 3,
  585. "barBorderCircle": true,
  586. "barBorderRadius": [
  587. 15,
  588. 15,
  589. 15,
  590. 15
  591. ],
  592. "linearType": "opacity",
  593. "linearOpacity": 0.8,
  594. "colorStop": 0,
  595. "activeBgColor": "#000000",
  596. "activeBgOpacity": 0.08,
  597. "meterBorde": 1,
  598. "meterFillColor": "#FFFFFF"
  599. },
  600. "tooltip": {
  601. "showBox": true,
  602. "showArrow": false,
  603. "showCategory": false,
  604. "borderWidth": 0,
  605. "borderRadius": 5,
  606. "borderColor": "#000000",
  607. "borderOpacity": 0.5,
  608. "bgColor": "#000000",
  609. "bgOpacity": 0.5,
  610. "gridType": "solid",
  611. "dashLength": 4,
  612. "gridColor": "#CCCCCC",
  613. "fontColor": "#FFFFFF",
  614. "splitLine": true,
  615. "horizentalLine": false,
  616. "xAxisLabel": false,
  617. "yAxisLabel": false,
  618. "labelBgColor": "#FFFFFF",
  619. "labelBgOpacity": 0.5,
  620. "labelFontColor": "#666666"
  621. },
  622. "markLine": {
  623. "type": "solid",
  624. "dashLength": 4,
  625. "data": []
  626. }
  627. }
  628. },
  629. "area": {
  630. "type": "area",
  631. "canvasId": "",
  632. "canvas2d": false,
  633. "background": "none",
  634. "animation": true,
  635. "timing": "easeOut",
  636. "duration": 1000,
  637. "color": [
  638. "#0052d4",
  639. "#ff5959",
  640. "#f9b248"
  641. ],
  642. "padding": [
  643. 1,
  644. 10,
  645. 8,
  646. 3
  647. ],
  648. "rotate": false,
  649. "errorReload": true,
  650. "fontSize": 13,
  651. "fontColor": "#666666",
  652. "enableScroll": false,
  653. "touchMoveLimit": 60,
  654. "enableMarkLine": true,
  655. "dataLabel": true,
  656. "dataPointShape": true,
  657. "dataPointShapeType": "solid",
  658. "tapLegend": true,
  659. "xAxis": {
  660. "disabled": false,
  661. "axisLine": true,
  662. "axisLineColor": "#CCCCCC",
  663. "calibration": false,
  664. "fontColor": "#696969",
  665. "fontSize": 12,
  666. "rotateLabel": false,
  667. "labelCount": 6,
  668. "itemCount": 5,
  669. "boundaryGap": "center",
  670. "disableGrid": true,
  671. "gridColor": "#CCCCCC",
  672. "gridType": "solid",
  673. "dashLength": 4,
  674. "gridEval": 1,
  675. "scrollShow": false,
  676. "scrollAlign": "left",
  677. "scrollColor": "#A6A6A6",
  678. "scrollBackgroundColor": "#EFEBEF",
  679. "format": ""
  680. },
  681. "yAxis": {
  682. "disabled": false,
  683. "disableGrid": false,
  684. "splitNumber": 5,
  685. "gridType": "solid",
  686. "dashLength": 10,
  687. "gridColor": "#CCCCCC",
  688. "padding": 10,
  689. "showTitle": false,
  690. "data": []
  691. },
  692. "legend": {
  693. "show": true,
  694. "position": "top",
  695. "float": "right",
  696. "padding": 5,
  697. "margin": 15,
  698. "backgroundColor": "rgba(0,0,0,0)",
  699. "borderColor": "rgba(0,0,0,0)",
  700. "borderWidth": 0,
  701. "fontSize": 12,
  702. "fontColor": "#696969",
  703. "lineHeight": 10,
  704. "hiddenColor": "#CECECE",
  705. "itemGap": 10
  706. },
  707. "extra": {
  708. "area": {
  709. "type": "straight",
  710. "opacity": 0.5,
  711. "addLine": true,
  712. "width": 2,
  713. "gradient": true
  714. },
  715. "tooltip": {
  716. "showBox": true,
  717. "showArrow": false,
  718. "showCategory": false,
  719. "borderWidth": 0,
  720. "borderRadius": 6,
  721. "borderColor": "#000000",
  722. "borderOpacity": 0.5,
  723. "bgColor": "#000000",
  724. "bgOpacity": 0.5,
  725. "gridType": "solid",
  726. "dashLength": 8,
  727. "gridColor": "#CCCCCC",
  728. "fontColor": "#FFFFFF",
  729. "splitLine": true,
  730. "horizentalLine": true,
  731. "xAxisLabel": false,
  732. "yAxisLabel": false,
  733. "labelBgColor": "#FFFFFF",
  734. "labelBgOpacity": 0.7,
  735. "labelFontColor": "#666666"
  736. },
  737. "markLine": {
  738. "type": "dash",
  739. "dashLength": 8,
  740. "data": []
  741. }
  742. }
  743. },
  744. "radar": {
  745. "type": "radar",
  746. "canvasId": "",
  747. "canvas2d": false,
  748. "background": "none",
  749. "animation": true,
  750. "timing": "easeOut",
  751. "duration": 1000,
  752. "color": [
  753. "#0052d4",
  754. "#ff5959",
  755. "#f9b248"
  756. ],
  757. "padding": [
  758. 0,
  759. 0,
  760. 0,
  761. 0
  762. ],
  763. "rotate": false,
  764. "errorReload": true,
  765. "fontSize": 13,
  766. "fontColor": "#696969",
  767. "enableScroll": false,
  768. "touchMoveLimit": 60,
  769. "enableMarkLine": false,
  770. "dataLabel": false,
  771. "dataPointShape": true,
  772. "dataPointShapeType": "solid",
  773. "tapLegend": true,
  774. "legend": {
  775. "show": true,
  776. "position": "bottom",
  777. "float": "center",
  778. "padding": 5,
  779. "margin": 5,
  780. "backgroundColor": "rgba(0,0,0,0)",
  781. "borderColor": "rgba(0,0,0,0)",
  782. "borderWidth": 0,
  783. "fontSize": 13,
  784. "fontColor": "#696969",
  785. "lineHeight": 10,
  786. "hiddenColor": "#CECECE",
  787. "itemGap": 10
  788. },
  789. "extra": {
  790. "radar": {
  791. "gridType": "circle",
  792. "gridColor": "#CCCCCC",
  793. "gridCount": 2,
  794. "labelColor": "#696969",
  795. "opacity": 0.3,
  796. "border": true,
  797. "borderWidth": 1,
  798. "max": 100
  799. },
  800. "tooltip": {
  801. "showBox": true,
  802. "showArrow": false,
  803. "showCategory": false,
  804. "borderWidth": 0,
  805. "borderRadius": 6,
  806. "borderColor": "#000000",
  807. "borderOpacity": 0.5,
  808. "bgColor": "#000000",
  809. "bgOpacity": 0.5,
  810. "gridType": "dash",
  811. "dashLength": 8,
  812. "gridColor": "#CCCCCC",
  813. "fontColor": "#FFFFFF",
  814. "splitLine": true,
  815. "horizentalLine": false,
  816. "xAxisLabel": false,
  817. "yAxisLabel": false,
  818. "labelBgColor": "#FFFFFF",
  819. "labelBgOpacity": 0.7,
  820. "labelFontColor": "#666666"
  821. }
  822. }
  823. },
  824. "mainline": {
  825. "type": "area",
  826. "canvasId": "",
  827. "canvas2d": false,
  828. "background": "none",
  829. "animation": true,
  830. "timing": "easeOut",
  831. "duration": 1000,
  832. "color": [
  833. "#6495ed"
  834. ],
  835. "padding": [
  836. 5,
  837. -15,
  838. 0,
  839. -15
  840. ],
  841. "rotate": false,
  842. "errorReload": true,
  843. "fontSize": 13,
  844. "fontColor": "#666666",
  845. "enableScroll": false,
  846. "touchMoveLimit": 60,
  847. "enableMarkLine": false,
  848. "dataLabel": false,
  849. "dataPointShape": true,
  850. "dataPointShapeType": "hollow",
  851. "tapLegend": true,
  852. "xAxis": {
  853. "disabled": true,
  854. "axisLine": false,
  855. "axisLineColor": "#CCCCCC",
  856. "calibration": false,
  857. "fontColor": "#666666",
  858. "fontSize": 13,
  859. "rotateLabel": false,
  860. "itemCount": 5,
  861. "boundaryGap": "center",
  862. "disableGrid": true,
  863. "gridColor": "#CCCCCC",
  864. "gridType": "solid",
  865. "dashLength": 4,
  866. "gridEval": 1,
  867. "scrollShow": false,
  868. "scrollAlign": "left",
  869. "scrollColor": "#A6A6A6",
  870. "scrollBackgroundColor": "#EFEBEF",
  871. "format": ""
  872. },
  873. "yAxis": {
  874. "disabled": true,
  875. "disableGrid": true,
  876. "splitNumber": 5,
  877. "gridType": "dash",
  878. "dashLength": 2,
  879. "gridColor": "#CCCCCC",
  880. "padding": 10,
  881. "showTitle": false,
  882. "data": []
  883. },
  884. "legend": {
  885. "show": false,
  886. "position": "bottom",
  887. "float": "center",
  888. "padding": 10,
  889. "margin": 0,
  890. "backgroundColor": "rgba(0,0,0,0)",
  891. "borderColor": "rgba(0,0,0,0)",
  892. "borderWidth": 0,
  893. "fontSize": 13,
  894. "fontColor": "#666666",
  895. "lineHeight": 11,
  896. "hiddenColor": "#CECECE",
  897. "itemGap": 10
  898. },
  899. "extra": {
  900. "area": {
  901. "type": "curve",
  902. "opacity": 1,
  903. "addLine": true,
  904. "width": 4,
  905. "gradient": true
  906. },
  907. "tooltip": {
  908. "showBox": true,
  909. "showArrow": true,
  910. "showCategory": false,
  911. "borderWidth": 0,
  912. "borderRadius": 5,
  913. "borderColor": "#000000",
  914. "borderOpacity": 0.5,
  915. "bgColor": "#000000",
  916. "bgOpacity": 0.5,
  917. "gridType": "solid",
  918. "dashLength": 4,
  919. "gridColor": "#CCCCCC",
  920. "fontColor": "#FFFFFF",
  921. "splitLine": false,
  922. "horizentalLine": false,
  923. "xAxisLabel": false,
  924. "yAxisLabel": false,
  925. "labelBgColor": "#FFFFFF",
  926. "labelBgOpacity": 0.5,
  927. "labelFontColor": "#666666"
  928. },
  929. "markLine": {
  930. "type": "solid",
  931. "dashLength": 4,
  932. "data": []
  933. }
  934. }
  935. },
  936. "mainradar": {
  937. "type": "radar",
  938. "canvasId": "",
  939. "canvas2d": false,
  940. "background": "none",
  941. "animation": true,
  942. "timing": "easeOut",
  943. "duration": 1000,
  944. "color": [
  945. "#0052d4",
  946. "#ff5959",
  947. "#f9b248"
  948. ],
  949. "padding": [
  950. 5,
  951. 5,
  952. 5,
  953. 5
  954. ],
  955. "rotate": false,
  956. "errorReload": true,
  957. "fontSize": 13,
  958. "fontColor": "#666666",
  959. "enableScroll": false,
  960. "touchMoveLimit": 60,
  961. "enableMarkLine": false,
  962. "dataLabel": false,
  963. "dataPointShape": false,
  964. "dataPointShapeType": "solid",
  965. "tapLegend": true,
  966. "legend": {
  967. "show": true,
  968. "position": "bottom",
  969. "float": "right",
  970. "padding": 5,
  971. "margin": 5,
  972. "backgroundColor": "rgba(0,0,0,0)",
  973. "borderColor": "rgba(0,0,0,0)",
  974. "borderWidth": 0,
  975. "fontSize": 13,
  976. "fontColor": "#666666",
  977. "lineHeight": 25,
  978. "hiddenColor": "#CECECE",
  979. "itemGap": 10
  980. },
  981. "extra": {
  982. "radar": {
  983. "gridType": "radar",
  984. "gridColor": "#CCCCCC",
  985. "gridCount": 1,
  986. "labelColor": "#666666",
  987. "opacity": 0.2,
  988. "border": true,
  989. "borderWidth": 2,
  990. "max": 100
  991. },
  992. "tooltip": {
  993. "showBox": true,
  994. "showArrow": true,
  995. "showCategory": false,
  996. "borderWidth": 0,
  997. "borderRadius": 5,
  998. "borderColor": "#000000",
  999. "borderOpacity": 0.5,
  1000. "bgColor": "#000000",
  1001. "bgOpacity": 0.5,
  1002. "gridType": "solid",
  1003. "dashLength": 4,
  1004. "gridColor": "#CCCCCC",
  1005. "fontColor": "#FFFFFF",
  1006. "splitLine": false,
  1007. "horizentalLine": false,
  1008. "xAxisLabel": false,
  1009. "yAxisLabel": false,
  1010. "labelBgColor": "#FFFFFF",
  1011. "labelBgOpacity": 0.5,
  1012. "labelFontColor": "#666666"
  1013. }
  1014. }
  1015. },
  1016. "mini-line": {
  1017. "type": "line",
  1018. "canvasId": "",
  1019. "canvas2d": false,
  1020. "background": "none",
  1021. "animation": true,
  1022. "timing": "easeOut",
  1023. "duration": 1000,
  1024. "color": [
  1025. "#0052d4",
  1026. "#ff5959",
  1027. "#f9b248"
  1028. ],
  1029. "padding": [
  1030. 0,
  1031. 0,
  1032. 0,
  1033. 0
  1034. ],
  1035. "rotate": false,
  1036. "errorReload": true,
  1037. "fontSize": 13,
  1038. "fontColor": "#666666",
  1039. "enableScroll": false,
  1040. "touchMoveLimit": 60,
  1041. "enableMarkLine": false,
  1042. "dataLabel": false,
  1043. "dataPointShape": false,
  1044. "dataPointShapeType": "solid",
  1045. "tapLegend": false,
  1046. "xAxis": {
  1047. "disabled": true,
  1048. "axisLine": false,
  1049. "axisLineColor": "#CCCCCC",
  1050. "calibration": false,
  1051. "fontColor": "#666666",
  1052. "fontSize": 13,
  1053. "rotateLabel": false,
  1054. "itemCount": 5,
  1055. "boundaryGap": "center",
  1056. "disableGrid": true,
  1057. "gridColor": "#CCCCCC",
  1058. "gridType": "solid",
  1059. "dashLength": 4,
  1060. "gridEval": 1,
  1061. "scrollShow": false,
  1062. "scrollAlign": "left",
  1063. "scrollColor": "#A6A6A6",
  1064. "scrollBackgroundColor": "#EFEBEF",
  1065. "format": ""
  1066. },
  1067. "yAxis": {
  1068. "disabled": true,
  1069. "disableGrid": true,
  1070. "splitNumber": 5,
  1071. "gridType": "dash",
  1072. "dashLength": 2,
  1073. "gridColor": "#CCCCCC",
  1074. "padding": 10,
  1075. "showTitle": false,
  1076. "data": []
  1077. },
  1078. "legend": {
  1079. "show": false,
  1080. "position": "left",
  1081. "float": "center",
  1082. "padding": 5,
  1083. "margin": 5,
  1084. "backgroundColor": "rgba(0,0,0,0)",
  1085. "borderColor": "rgba(0,0,0,0)",
  1086. "borderWidth": 0,
  1087. "fontSize": 13,
  1088. "fontColor": "#666666",
  1089. "lineHeight": 11,
  1090. "hiddenColor": "#CECECE",
  1091. "itemGap": 10
  1092. },
  1093. "extra": {
  1094. "line": {
  1095. "type": "curve",
  1096. "width": 2
  1097. },
  1098. "tooltip": {
  1099. "showBox": false,
  1100. "showArrow": false,
  1101. "showCategory": false,
  1102. "borderWidth": 0,
  1103. "borderRadius": 0,
  1104. "borderColor": "#000000",
  1105. "borderOpacity": 0.7,
  1106. "bgColor": "#000000",
  1107. "bgOpacity": 0.7,
  1108. "gridType": "solid",
  1109. "dashLength": 4,
  1110. "gridColor": "#CCCCCC",
  1111. "fontColor": "#FFFFFF",
  1112. "splitLine": false,
  1113. "horizentalLine": false,
  1114. "xAxisLabel": false,
  1115. "yAxisLabel": false,
  1116. "labelBgColor": "#FFFFFF",
  1117. "labelBgOpacity": 0.7,
  1118. "labelFontColor": "#666666"
  1119. },
  1120. "markLine": {
  1121. "type": "solid",
  1122. "dashLength": 4,
  1123. "data": []
  1124. }
  1125. }
  1126. },
  1127. "mini-area": {
  1128. "type": "area",
  1129. "canvasId": "",
  1130. "canvas2d": false,
  1131. "background": "none",
  1132. "animation": true,
  1133. "timing": "easeOut",
  1134. "duration": 1000,
  1135. "color": [
  1136. "#0052d4",
  1137. "#ff5959",
  1138. "#f9b248"
  1139. ],
  1140. "padding": [
  1141. 15,
  1142. 15,
  1143. 0,
  1144. 15
  1145. ],
  1146. "rotate": false,
  1147. "errorReload": true,
  1148. "fontSize": 13,
  1149. "fontColor": "#666666",
  1150. "enableScroll": false,
  1151. "touchMoveLimit": 60,
  1152. "enableMarkLine": false,
  1153. "dataLabel": false,
  1154. "dataPointShape": false,
  1155. "dataPointShapeType": "solid",
  1156. "tapLegend": false,
  1157. "xAxis": {
  1158. "disabled": true,
  1159. "axisLine": false,
  1160. "axisLineColor": "#CCCCCC",
  1161. "calibration": false,
  1162. "fontColor": "#666666",
  1163. "fontSize": 13,
  1164. "rotateLabel": false,
  1165. "itemCount": 5,
  1166. "boundaryGap": "justify",
  1167. "disableGrid": true,
  1168. "gridColor": "#CCCCCC",
  1169. "gridType": "solid",
  1170. "dashLength": 4,
  1171. "gridEval": 1,
  1172. "scrollShow": false,
  1173. "scrollAlign": "left",
  1174. "scrollColor": "#A6A6A6",
  1175. "scrollBackgroundColor": "#EFEBEF",
  1176. "format": ""
  1177. },
  1178. "yAxis": {
  1179. "disabled": true,
  1180. "disableGrid": true,
  1181. "splitNumber": 5,
  1182. "gridType": "dash",
  1183. "dashLength": 2,
  1184. "gridColor": "#CCCCCC",
  1185. "padding": 10,
  1186. "showTitle": false,
  1187. "data": []
  1188. },
  1189. "legend": {
  1190. "show": false,
  1191. "position": "bottom",
  1192. "float": "center",
  1193. "padding": 5,
  1194. "margin": 5,
  1195. "backgroundColor": "rgba(0,0,0,0)",
  1196. "borderColor": "rgba(0,0,0,0)",
  1197. "borderWidth": 0,
  1198. "fontSize": 13,
  1199. "fontColor": "#666666",
  1200. "lineHeight": 11,
  1201. "hiddenColor": "#CECECE",
  1202. "itemGap": 10
  1203. },
  1204. "extra": {
  1205. "area": {
  1206. "type": "straight",
  1207. "opacity": 1,
  1208. "addLine": true,
  1209. "width": 2,
  1210. "gradient": true
  1211. },
  1212. "tooltip": {
  1213. "showBox": false,
  1214. "showArrow": false,
  1215. "showCategory": false,
  1216. "borderWidth": 0,
  1217. "borderRadius": 0,
  1218. "borderColor": "#000000",
  1219. "borderOpacity": 0.7,
  1220. "bgColor": "#000000",
  1221. "bgOpacity": 0.7,
  1222. "gridType": "solid",
  1223. "dashLength": 4,
  1224. "gridColor": "#CCCCCC",
  1225. "fontColor": "#FFFFFF",
  1226. "splitLine": false,
  1227. "horizentalLine": false,
  1228. "xAxisLabel": false,
  1229. "yAxisLabel": false,
  1230. "labelBgColor": "#FFFFFF",
  1231. "labelBgOpacity": 0.7,
  1232. "labelFontColor": "#666666"
  1233. },
  1234. "markLine": {
  1235. "type": "solid",
  1236. "dashLength": 4,
  1237. "data": []
  1238. }
  1239. }
  1240. },
  1241. "mini-column": {
  1242. "type": "column",
  1243. "canvasId": "",
  1244. "canvas2d": false,
  1245. "background": "none",
  1246. "animation": true,
  1247. "timing": "easeOut",
  1248. "duration": 1000,
  1249. "color": [
  1250. "#0052d4",
  1251. "#ff5959",
  1252. "#f9b248"
  1253. ],
  1254. "padding": [
  1255. 0,
  1256. 13,
  1257. 0,
  1258. 13
  1259. ],
  1260. "rotate": false,
  1261. "errorReload": true,
  1262. "fontSize": 13,
  1263. "fontColor": "#666666",
  1264. "enableScroll": false,
  1265. "touchMoveLimit": 60,
  1266. "enableMarkLine": false,
  1267. "dataLabel": false,
  1268. "dataPointShape": false,
  1269. "dataPointShapeType": "solid",
  1270. "tapLegend": true,
  1271. "xAxis": {
  1272. "disabled": true,
  1273. "axisLine": false,
  1274. "axisLineColor": "#CCCCCC",
  1275. "calibration": false,
  1276. "fontColor": "#666666",
  1277. "fontSize": 13,
  1278. "rotateLabel": false,
  1279. "itemCount": 5,
  1280. "boundaryGap": "center",
  1281. "disableGrid": true,
  1282. "gridColor": "#CCCCCC",
  1283. "gridType": "solid",
  1284. "dashLength": 4,
  1285. "gridEval": 1,
  1286. "scrollShow": false,
  1287. "scrollAlign": "left",
  1288. "scrollColor": "#A6A6A6",
  1289. "scrollBackgroundColor": "#EFEBEF",
  1290. "format": ""
  1291. },
  1292. "yAxis": {
  1293. "disabled": true,
  1294. "disableGrid": true,
  1295. "splitNumber": 5,
  1296. "gridType": "solid",
  1297. "dashLength": 8,
  1298. "gridColor": "#CCCCCC",
  1299. "padding": 10,
  1300. "showTitle": false,
  1301. "data": []
  1302. },
  1303. "legend": {
  1304. "show": false,
  1305. "position": "bottom",
  1306. "float": "center",
  1307. "padding": 5,
  1308. "margin": 5,
  1309. "backgroundColor": "rgba(0,0,0,0)",
  1310. "borderColor": "rgba(0,0,0,0)",
  1311. "borderWidth": 0,
  1312. "fontSize": 13,
  1313. "fontColor": "#666666",
  1314. "lineHeight": 11,
  1315. "hiddenColor": "#CECECE",
  1316. "itemGap": 10
  1317. },
  1318. "extra": {
  1319. "column": {
  1320. "type": "group",
  1321. "width": 10,
  1322. "seriesGap": 2,
  1323. "categoryGap": 3,
  1324. "barBorderCircle": false,
  1325. "barBorderRadius": [
  1326. 10,
  1327. 10,
  1328. 10,
  1329. 10
  1330. ],
  1331. "linearType": "opacity",
  1332. "linearOpacity": 0.7,
  1333. "customColor": [
  1334. "#0052d4",
  1335. "#FFFFFF",
  1336. "#ff5959",
  1337. "#FFFFFF"
  1338. ],
  1339. "colorStop": 0.5,
  1340. "meterBorder": 1,
  1341. "meterFillColor": "#FFFFFF",
  1342. "activeBgColor": "#FFFFFF",
  1343. "activeBgOpacity": 0.08,
  1344. "meterBorde": 1
  1345. },
  1346. "tooltip": {
  1347. "showBox": false,
  1348. "showArrow": false,
  1349. "showCategory": false,
  1350. "borderWidth": 0,
  1351. "borderRadius": 0,
  1352. "borderColor": "#000000",
  1353. "borderOpacity": 0.7,
  1354. "bgColor": "#000000",
  1355. "bgOpacity": 0.7,
  1356. "gridType": "solid",
  1357. "dashLength": 4,
  1358. "gridColor": "#CCCCCC",
  1359. "fontColor": "#FFFFFF",
  1360. "splitLine": false,
  1361. "horizentalLine": false,
  1362. "xAxisLabel": false,
  1363. "yAxisLabel": false,
  1364. "labelBgColor": "#FFFFFF",
  1365. "labelBgOpacity": 0.7,
  1366. "labelFontColor": "#666666"
  1367. },
  1368. "markLine": {
  1369. "type": "solid",
  1370. "dashLength": 4,
  1371. "data": []
  1372. }
  1373. }
  1374. },
  1375. "mini-rose": {
  1376. "type": "rose",
  1377. "canvasId": "",
  1378. "canvas2d": false,
  1379. "background": "none",
  1380. "animation": true,
  1381. "timing": "easeOut",
  1382. "duration": 1000,
  1383. "color": [
  1384. "#0052d4",
  1385. "#ff5959",
  1386. "#f9b248",
  1387. "#3CA272",
  1388. "#73C0DE",
  1389. "#ff55a3"
  1390. ],
  1391. "padding": [
  1392. 5,
  1393. 5,
  1394. 5,
  1395. 5
  1396. ],
  1397. "rotate": false,
  1398. "errorReload": true,
  1399. "fontSize": 13,
  1400. "fontColor": "#666666",
  1401. "enableScroll": false,
  1402. "touchMoveLimit": 60,
  1403. "enableMarkLine": false,
  1404. "dataLabel": false,
  1405. "dataPointShape": false,
  1406. "dataPointShapeType": "hollow",
  1407. "tapLegend": false,
  1408. "legend": {
  1409. "show": false,
  1410. "position": "bottom",
  1411. "float": "center",
  1412. "padding": 5,
  1413. "margin": 5,
  1414. "backgroundColor": "rgba(0,0,0,0)",
  1415. "borderColor": "rgba(0,0,0,0)",
  1416. "borderWidth": 0,
  1417. "fontSize": 13,
  1418. "fontColor": "#666666",
  1419. "lineHeight": 25,
  1420. "hiddenColor": "#CECECE",
  1421. "itemGap": 10
  1422. },
  1423. "extra": {
  1424. "rose": {
  1425. "type": "radius",
  1426. "minRadius": 50,
  1427. "activeOpacity": 0.5,
  1428. "activeRadius": 10,
  1429. "offsetAngle": 0,
  1430. "labelWidth": 15,
  1431. "border": true,
  1432. "borderWidth": 2,
  1433. "borderColor": "#FFFFFF",
  1434. },
  1435. "tooltip": {
  1436. "showBox": true,
  1437. "showArrow": false,
  1438. "showCategory": false,
  1439. "borderWidth": 0,
  1440. "borderRadius": 6,
  1441. "borderColor": "#000000",
  1442. "borderOpacity": 0.5,
  1443. "bgColor": "#000000",
  1444. "bgOpacity": 0.5,
  1445. "gridType": "solid",
  1446. "dashLength": 4,
  1447. "gridColor": "#CCCCCC",
  1448. "fontColor": "#FFFFFF",
  1449. "splitLine": true,
  1450. "horizentalLine": false,
  1451. "xAxisLabel": false,
  1452. "yAxisLabel": false,
  1453. "labelBgColor": "#FFFFFF",
  1454. "labelBgOpacity": 0.7,
  1455. "labelFontColor": "#666666"
  1456. }
  1457. }
  1458. },
  1459. "mini-bar": {
  1460. "type": "bar",
  1461. "canvasId": "",
  1462. "canvas2d": false,
  1463. "background": "none",
  1464. "animation": true,
  1465. "timing": "easeOut",
  1466. "duration": 1000,
  1467. "color": [
  1468. "#0052d4",
  1469. "#ff5959"
  1470. ],
  1471. "padding": [
  1472. 0,
  1473. 15,
  1474. -10,
  1475. 5
  1476. ],
  1477. "rotate": false,
  1478. "errorReload": true,
  1479. "fontSize": 13,
  1480. "fontColor": "#666666",
  1481. "enableScroll": false,
  1482. "touchMoveLimit": 60,
  1483. "enableMarkLine": false,
  1484. "dataLabel": false,
  1485. "dataPointShape": false,
  1486. "dataPointShapeType": "solid",
  1487. "tapLegend": true,
  1488. "xAxis": {
  1489. "disabled": true,
  1490. "axisLine": false,
  1491. "axisLineColor": "#CCCCCC",
  1492. "calibration": false,
  1493. "fontColor": "#666666",
  1494. "fontSize": 13,
  1495. "rotateLabel": false,
  1496. "itemCount": 5,
  1497. "boundaryGap": "justify",
  1498. "disableGrid": true,
  1499. "gridColor": "#CCCCCC",
  1500. "gridType": "solid",
  1501. "dashLength": 4,
  1502. "gridEval": 1,
  1503. "scrollShow": false,
  1504. "scrollAlign": "left",
  1505. "scrollColor": "#A6A6A6",
  1506. "scrollBackgroundColor": "#EFEBEF",
  1507. "min": 0,
  1508. "format": ""
  1509. },
  1510. "yAxis": {
  1511. "disabled": true,
  1512. "disableGrid": true,
  1513. "splitNumber": 5,
  1514. "gridType": "solid",
  1515. "dashLength": 8,
  1516. "gridColor": "#CCCCCC",
  1517. "padding": 10,
  1518. "showTitle": false,
  1519. "data": []
  1520. },
  1521. "legend": {
  1522. "show": false,
  1523. "position": "bottom",
  1524. "float": "center",
  1525. "padding": 5,
  1526. "margin": 5,
  1527. "backgroundColor": "rgba(0,0,0,0)",
  1528. "borderColor": "rgba(0,0,0,0)",
  1529. "borderWidth": 0,
  1530. "fontSize": 13,
  1531. "fontColor": "#666666",
  1532. "lineHeight": 11,
  1533. "hiddenColor": "#CECECE",
  1534. "itemGap": 10
  1535. },
  1536. "extra": {
  1537. "bar": {
  1538. "type": "group",
  1539. "width": 10,
  1540. "seriesGap": 2,
  1541. "categoryGap": 3,
  1542. "barBorderCircle": false,
  1543. "barBorderRadius": [
  1544. 10,
  1545. 10,
  1546. 10,
  1547. 10
  1548. ],
  1549. "linearType": "opacity",
  1550. "linearOpacity": 0.7,
  1551. "colorStop": 0,
  1552. "activeBgColor": "#FFFFFF",
  1553. "activeBgOpacity": 0,
  1554. "meterBorde": 1,
  1555. "meterFillColor": "#FFFFFF"
  1556. },
  1557. "tooltip": {
  1558. "showBox": false,
  1559. "showArrow": false,
  1560. "showCategory": false,
  1561. "borderWidth": 0,
  1562. "borderRadius": 0,
  1563. "borderColor": "#000000",
  1564. "borderOpacity": 0.7,
  1565. "bgColor": "#000000",
  1566. "bgOpacity": 0.7,
  1567. "gridType": "solid",
  1568. "dashLength": 4,
  1569. "gridColor": "#CCCCCC",
  1570. "fontColor": "#FFFFFF",
  1571. "splitLine": true,
  1572. "horizentalLine": false,
  1573. "xAxisLabel": false,
  1574. "yAxisLabel": false,
  1575. "labelBgColor": "#FFFFFF",
  1576. "labelBgOpacity": 0.7,
  1577. "labelFontColor": "#666666"
  1578. },
  1579. "markLine": {
  1580. "type": "solid",
  1581. "dashLength": 4,
  1582. "data": []
  1583. }
  1584. }
  1585. },
  1586. "mini-radar":{
  1587. "type": "radar",
  1588. "canvasId": "",
  1589. "canvas2d": false,
  1590. "background": "none",
  1591. "animation": true,
  1592. "timing": "easeOut",
  1593. "duration": 1000,
  1594. "color": [
  1595. "#0052d4",
  1596. "#ff5959",
  1597. "#f9b248"
  1598. ],
  1599. "padding": [
  1600. -40,
  1601. -35,
  1602. -35,
  1603. -35
  1604. ],
  1605. "rotate": false,
  1606. "errorReload": true,
  1607. "fontSize": 13,
  1608. "fontColor": "#666666",
  1609. "enableScroll": false,
  1610. "touchMoveLimit": 60,
  1611. "enableMarkLine": false,
  1612. "dataLabel": false,
  1613. "dataPointShape": false,
  1614. "dataPointShapeType": "solid",
  1615. "tapLegend": true,
  1616. "legend": {
  1617. "show": false,
  1618. "position": "right",
  1619. "float": "center",
  1620. "padding": 5,
  1621. "margin": 5,
  1622. "backgroundColor": "rgba(0,0,0,0)",
  1623. "borderColor": "rgba(0,0,0,0)",
  1624. "borderWidth": 0,
  1625. "fontSize": 13,
  1626. "fontColor": "#666666",
  1627. "lineHeight": 25,
  1628. "hiddenColor": "#CECECE",
  1629. "itemGap": 10
  1630. },
  1631. "extra": {
  1632. "radar": {
  1633. "gridType": "radar",
  1634. "gridColor": "#FFFFFF",
  1635. "gridCount": 3,
  1636. "labelColor": "#FFFFFF",
  1637. "opacity": 0.4,
  1638. "border": true,
  1639. "borderWidth": 2,
  1640. "max": 1
  1641. },
  1642. "tooltip": {
  1643. "showBox": false,
  1644. "showArrow": false,
  1645. "showCategory": false,
  1646. "borderWidth": 0,
  1647. "borderRadius": 0,
  1648. "borderColor": "#000000",
  1649. "borderOpacity": 0.7,
  1650. "bgColor": "#000000",
  1651. "bgOpacity": 0.7,
  1652. "gridType": "solid",
  1653. "dashLength": 4,
  1654. "gridColor": "#CCCCCC",
  1655. "fontColor": "#FFFFFF",
  1656. "splitLine": false,
  1657. "horizentalLine": false,
  1658. "xAxisLabel": false,
  1659. "yAxisLabel": false,
  1660. "labelBgColor": "#FFFFFF",
  1661. "labelBgOpacity": 0.7,
  1662. "labelFontColor": "#666666"
  1663. }
  1664. }
  1665. },
  1666. }
  1667. export default cfu;