config-ucharts.js 31 KB

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