25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

875 lines
19 KiB

  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 = ['#1890FF', '#91CB74', '#FAC858', '#EE6666', '#73C0DE', '#3CA272', '#FC8452', '#9A60B4', '#ea7ccc'];
  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'){return y + '-' + m + '-' + d + ' '+ h +':' + minute + ':' + second;}
  36. if(returnType == 'y-m-d'){return y + '-' + m + '-' + d;}
  37. if(returnType == 'h:m'){return h +':' + minute;}
  38. if(returnType == 'h:m:s'){return h +':' + minute +':' + second;}
  39. return [y, m, d, h, minute, second];
  40. }
  41. module.exports = {
  42. //demotype为自定义图表类型,一般不需要自定义图表类型,只需要改根节点上对应的类型即可
  43. "type":["pie","ring","rose","word","funnel","map","arcbar","line","column","area","radar","gauge","candle","mix","tline","tarea","scatter","bubble","demotype"],
  44. "range":["饼状图","圆环图","玫瑰图","词云图","漏斗图","地图","圆弧进度条","折线图","柱状图","区域图","雷达图","仪表盘","K线图","混合图","时间轴折线","时间轴区域","散点图","气泡图","自定义类型"],
  45. //增加自定义图表类型,如果需要categories,请在这里加入您的图表类型,例如最后的"demotype"
  46. //自定义类型时需要注意"tline","tarea","scatter","bubble"等时间轴(矢量x轴)类图表,没有categories,不需要加入categories
  47. "categories":["line","column","area","radar","gauge","candle","mix","demotype"],
  48. //instance为实例变量承载属性,不要删除
  49. "instance":{},
  50. //option为opts及eopts承载属性,不要删除
  51. "option":{},
  52. //下面是自定义format配置,因除H5端外的其他端无法通过props传递函数,只能通过此属性对应下标的方式来替换
  53. "formatter":{
  54. "yAxisDemo1":function(val){return val+'元'},
  55. "yAxisDemo2":function(val){return val.toFixed(2)},
  56. "xAxisDemo1":function(val){return val+'年'},
  57. "xAxisDemo2":function(val){return formatDateTime(val,'h:m')},
  58. "seriesDemo1":function(val){return val+'元'},
  59. "tooltipDemo1":function(item, category, index, opts){
  60. if(index==0){
  61. return '随便用'+item.data+'年'
  62. }else{
  63. return '其他我没改'+item.data+'天'
  64. }
  65. },
  66. "pieDemo":function(val, index, series){
  67. if(index !== undefined){
  68. return series[index].name+':'+series[index].data+'元'
  69. }
  70. },
  71. },
  72. //这里演示了自定义您的图表类型的option,可以随意命名,之后在组件上 type="demotype" 后,组件会调用这个花括号里的option,如果组件上还存在opts参数,会将demotype与opts中option合并后渲染图表。
  73. "demotype":{
  74. //我这里把曲线图当做了自定义图表类型,您可以根据需要随意指定类型或配置
  75. "type": "line",
  76. "color": color,
  77. "padding": [15,10,0,15],
  78. "xAxis": {
  79. "disableGrid": true,
  80. },
  81. "yAxis": {
  82. "gridType": "dash",
  83. "dashLength": 2,
  84. },
  85. "legend": {
  86. },
  87. "extra": {
  88. "line": {
  89. "type": "curve",
  90. "width": 2
  91. },
  92. }
  93. },
  94. //下面是自定义配置,请添加项目所需的通用配置
  95. "pie":{
  96. "type": "pie",
  97. "color": color,
  98. "padding": [5,5,5,5],
  99. "extra": {
  100. "pie": {
  101. "activeOpacity": 0.5,
  102. "activeRadius": 10,
  103. "offsetAngle": 0,
  104. "labelWidth": 15,
  105. "border": true,
  106. "borderWidth": 3,
  107. "borderColor": "#FFFFFF"
  108. },
  109. }
  110. },
  111. "ring":{
  112. "type": "ring",
  113. "padding": [15,5,5,5],
  114. "rotate": false,
  115. "dataLabel": true,
  116. "color":[ '#66AFF5', '#FABD2B', '#6F8EDC', '#FFCF8F', '#F98120', '#1CC99E', '#9474FB',
  117. '#657292','#7A6A99','#BF5D52','#EE6666','#77B7E4','#E6A065','#9D5139','#C1AA88','#F87F7A',
  118. '#F6CF74','#7F5506','#88BB9B','#6E99AA','#5789D0'
  119. ],
  120. "legend": {
  121. "show": true,
  122. "position": "bottom",
  123. "float": "center",
  124. "padding": 5,
  125. "margin": 5,
  126. "backgroundColor": "rgba(0,0,0,0)",
  127. "borderColor": "rgba(0,0,0,0)",
  128. "borderWidth": 0,
  129. "fontSize": 10,
  130. "fontColor": "#666666",
  131. "lineHeight": 25,
  132. "hiddenColor": "#CECECE",
  133. "itemGap": 6
  134. },
  135. "title": {
  136. "name": "",
  137. "fontSize": 15,
  138. "color": "#666666"
  139. },
  140. "subtitle": {
  141. "name": "70",
  142. "fontSize": 25,
  143. "color": "#7cb5ec"
  144. },
  145. "extra": {
  146. "ring": {
  147. "ringWidth":30,
  148. "activeOpacity": 0.5,
  149. "activeRadius": 10,
  150. "offsetAngle": 0,
  151. "labelWidth": 15,
  152. "border": true,
  153. "borderWidth": 3,
  154. "borderColor": "#FFFFFF"
  155. },
  156. },
  157. },
  158. "rose":{
  159. "type": "rose",
  160. "color": color,
  161. "padding": [5,5,5,5],
  162. "legend": {
  163. "show": true,
  164. "position": "left",
  165. "lineHeight": 25,
  166. },
  167. "extra": {
  168. "rose": {
  169. "type": "area",
  170. "minRadius": 50,
  171. "activeOpacity": 0.5,
  172. "activeRadius": 10,
  173. "offsetAngle": 0,
  174. "labelWidth": 15,
  175. "border": false,
  176. "borderWidth": 2,
  177. "borderColor": "#FFFFFF"
  178. },
  179. }
  180. },
  181. "word":{
  182. "type": "word",
  183. "color": color,
  184. "extra": {
  185. "word": {
  186. "type": "normal",
  187. "autoColors": false
  188. }
  189. }
  190. },
  191. "funnel":{
  192. "type": "funnel",
  193. "color": color,
  194. "padding": [15,15,0,15],
  195. "extra": {
  196. "funnel": {
  197. "activeOpacity": 0.3,
  198. "activeWidth": 10,
  199. "border": true,
  200. "borderWidth": 2,
  201. "borderColor": "#FFFFFF",
  202. "fillOpacity": 1,
  203. "labelAlign": "right"
  204. },
  205. }
  206. },
  207. "map":{
  208. "type": "map",
  209. "color": color,
  210. "padding": [0,0,0,0],
  211. "dataLabel": true,
  212. "extra": {
  213. "map": {
  214. "border": true,
  215. "borderWidth": 1,
  216. "borderColor": "#666666",
  217. "fillOpacity": 0.6,
  218. "activeBorderColor": "#F04864",
  219. "activeFillColor": "#FACC14",
  220. "activeFillOpacity": 1
  221. },
  222. }
  223. },
  224. "arcbar":{
  225. "type": "arcbar",
  226. "color": color,
  227. "title": {
  228. "name": "百分比",
  229. "fontSize": 25,
  230. "color": "#00FF00"
  231. },
  232. "subtitle": {
  233. "name": "默认标题",
  234. "fontSize": 15,
  235. "color": "#666666"
  236. },
  237. "extra": {
  238. "arcbar": {
  239. "type": "default",
  240. "width": 12,
  241. "backgroundColor": "#E9E9E9",
  242. "startAngle": 0.75,
  243. "endAngle": 0.25,
  244. "gap": 2
  245. }
  246. }
  247. },
  248. "line":{
  249. "type": "line",
  250. "canvasId": "",
  251. "canvas2d": true,
  252. "background": "none",
  253. "animation": true,
  254. "timing": "easeOut",
  255. "duration": 1000,
  256. "color": [
  257. "#1890FF",
  258. "#91CB74",
  259. "#FAC858",
  260. "#EE6666",
  261. "#73C0DE",
  262. "#3CA272",
  263. "#FC8452",
  264. "#9A60B4",
  265. "#ea7ccc"
  266. ],
  267. "padding": [
  268. 15,
  269. 10,
  270. 0,
  271. 15
  272. ],
  273. "rotate": false,
  274. "errorReload": true,
  275. "fontSize": 13,
  276. "fontColor": "#666666",
  277. "enableScroll": true,
  278. "touchMoveLimit": 60,
  279. "enableMarkLine": false,
  280. "dataLabel": true,
  281. "dataPointShape": true,
  282. "dataPointShapeType": "solid",
  283. "tapLegend": true,
  284. "xAxis": {
  285. "disabled": false,
  286. "axisLine": true,
  287. "axisLineColor": "#CCCCCC",
  288. "calibration": false,
  289. "fontColor": "#666666",
  290. "fontSize": 13,
  291. "rotateLabel": false,
  292. "itemCount": 7,
  293. "boundaryGap": "center",
  294. "disableGrid": true,
  295. "gridColor": "#CCCCCC",
  296. "gridType": "solid",
  297. "dashLength": 4,
  298. "gridEval": 1,
  299. "scrollShow": true,
  300. "scrollAlign": "left",
  301. "scrollColor": "#A6A6A6",
  302. "scrollBackgroundColor": "#EFEBEF",
  303. "min": 0,
  304. "max": 100,
  305. "format": ""
  306. },
  307. "yAxis": {
  308. "disabled": false,
  309. "disableGrid": false,
  310. "splitNumber": 5,
  311. "gridType": "dash",
  312. "dashLength": 2,
  313. "gridColor": "#CCCCCC",
  314. "padding": 10,
  315. "showTitle": false,
  316. "min":0,
  317. "max":100,
  318. "data": []
  319. },
  320. "legend": {
  321. "show": true,
  322. "position": "bottom",
  323. "float": "center",
  324. "padding": 5,
  325. "margin": 5,
  326. "backgroundColor": "rgba(0,0,0,0)",
  327. "borderColor": "rgba(0,0,0,0)",
  328. "borderWidth": 0,
  329. "fontSize": 13,
  330. "fontColor": "#666666",
  331. "lineHeight": 11,
  332. "hiddenColor": "#CECECE",
  333. "itemGap": 10
  334. },
  335. "extra": {
  336. "line": {
  337. "type": "curve",
  338. "width": 2
  339. },
  340. "tooltip": {
  341. "showBox": true,
  342. "showArrow": true,
  343. "showCategory": false,
  344. "borderWidth": 0,
  345. "borderRadius": 0,
  346. "borderColor": "#000000",
  347. "borderOpacity": 0.7,
  348. "bgColor": "#000000",
  349. "bgOpacity": 0.7,
  350. "gridType": "solid",
  351. "dashLength": 4,
  352. "gridColor": "#CCCCCC",
  353. "fontColor": "#FFFFFF",
  354. "splitLine": true,
  355. "horizentalLine": false,
  356. "xAxisLabel": false,
  357. "yAxisLabel": false,
  358. "labelBgColor": "#FFFFFF",
  359. "labelBgOpacity": 0.7,
  360. "labelFontColor": "#666666"
  361. },
  362. "markLine": {
  363. "type": "solid",
  364. "dashLength": 4,
  365. "data": []
  366. }
  367. }
  368. },
  369. "tline":{
  370. "type": "line",
  371. "color": color,
  372. "padding": [15,10,0,15],
  373. "xAxis": {
  374. "disableGrid": false,
  375. "boundaryGap":"justify",
  376. },
  377. "yAxis": {
  378. "gridType": "dash",
  379. "dashLength": 2,
  380. "data":[
  381. {
  382. "min":0,
  383. "max":80
  384. }
  385. ]
  386. },
  387. "legend": {
  388. },
  389. "extra": {
  390. "line": {
  391. "type": "curve",
  392. "width": 2
  393. },
  394. }
  395. },
  396. "tarea":{
  397. "type": "area",
  398. "color": color,
  399. "padding": [15,10,0,15],
  400. "xAxis": {
  401. "disableGrid": true,
  402. "boundaryGap":"justify",
  403. },
  404. "yAxis": {
  405. "gridType": "dash",
  406. "dashLength": 2,
  407. "data":[
  408. {
  409. "min":0,
  410. "max":80
  411. }
  412. ]
  413. },
  414. "legend": {
  415. },
  416. "extra": {
  417. "area": {
  418. "type": "curve",
  419. "opacity": 0.2,
  420. "addLine": true,
  421. "width": 2,
  422. "gradient": true
  423. },
  424. }
  425. },
  426. "column":{
  427. "type": "column",
  428. "canvasId": "",
  429. "canvas2d": true,
  430. "background": "none",
  431. "animation": true,
  432. "timing": "easeOut",
  433. "duration": 1000,
  434. "color": [
  435. "#1890FF",
  436. "#91CB74",
  437. "#FAC858",
  438. "#EE6666",
  439. "#73C0DE",
  440. "#3CA272",
  441. "#FC8452",
  442. "#9A60B4",
  443. "#ea7ccc"
  444. ],
  445. "padding": [
  446. 15,
  447. 15,
  448. 0,
  449. 5
  450. ],
  451. "rotate": false,
  452. "errorReload": true,
  453. "fontSize": 13,
  454. "fontColor": "#666666",
  455. "enableScroll": true,
  456. "touchMoveLimit": 60,
  457. "enableMarkLine": false,
  458. "dataLabel": true,
  459. "dataPointShape": true,
  460. "dataPointShapeType": "solid",
  461. "xAxis": {
  462. "disabled": false,
  463. "axisLine": true,
  464. "axisLineColor": "#CCCCCC",
  465. "calibration": false,
  466. "fontColor": "#666666",
  467. "fontSize": 13,
  468. "rotateLabel": false,
  469. "itemCount": 7,
  470. "boundaryGap": "center",
  471. "disableGrid": true,
  472. "gridColor": "#CCCCCC",
  473. "gridType": "solid",
  474. "dashLength": 4,
  475. "gridEval": 1,
  476. "scrollShow": true,
  477. "scrollAlign": "left",
  478. "scrollColor": "#A6A6A6",
  479. "scrollBackgroundColor": "#EFEBEF"
  480. },
  481. "yAxis": {
  482. "disabled": false,
  483. "disableGrid": false,
  484. "splitNumber": 5,
  485. "gridType": "dash",
  486. "dashLength": 8,
  487. "gridColor": "#CCCCCC",
  488. "padding": 10,
  489. "showTitle": false,
  490. "min":0,
  491. "max":100,
  492. "data": []
  493. },
  494. "legend": {
  495. "show": true,
  496. "position": "bottom",
  497. "float": "center",
  498. "padding": 5,
  499. "margin": 5,
  500. "backgroundColor": "rgba(0,0,0,0)",
  501. "borderColor": "rgba(0,0,0,0)",
  502. "borderWidth": 0,
  503. "fontSize": 13,
  504. "fontColor": "#666666",
  505. "lineHeight": 11,
  506. "hiddenColor": "#CECECE",
  507. "itemGap": 10
  508. },
  509. "extra": {
  510. "column": {
  511. "type": "group",
  512. "width": 30,
  513. "seriesGap": 2,
  514. "categoryGap": 3,
  515. "barBorderCircle": false,
  516. "linearType": "none",
  517. "linearOpacity": 1,
  518. "colorStop": 0,
  519. "meterBorder": 1,
  520. "meterFillColor": "#FFFFFF",
  521. "activeBgColor": "#000000",
  522. "activeBgOpacity": 0.08,
  523. "meterBorde": 1
  524. },
  525. "tooltip": {
  526. "showBox": true,
  527. "showArrow": true,
  528. "showCategory": false,
  529. "borderWidth": 0,
  530. "borderRadius": 0,
  531. "borderColor": "#000000",
  532. "borderOpacity": 0.7,
  533. "bgColor": "#000000",
  534. "bgOpacity": 0.7,
  535. "gridType": "solid",
  536. "dashLength": 4,
  537. "gridColor": "#CCCCCC",
  538. "fontColor": "#FFFFFF",
  539. "splitLine": true,
  540. "horizentalLine": false,
  541. "xAxisLabel": false,
  542. "yAxisLabel": false,
  543. "labelBgColor": "#FFFFFF",
  544. "labelBgOpacity": 0.7,
  545. "labelFontColor": "#666666"
  546. },
  547. "markLine": {
  548. "type": "solid",
  549. "dashLength": 4,
  550. "data": []
  551. }
  552. }
  553. },
  554. "area":{
  555. "type": "area",
  556. "color": color,
  557. "padding": [15,15,0,15],
  558. "xAxis": {
  559. "disableGrid": true,
  560. },
  561. "yAxis": {
  562. "gridType": "dash",
  563. "dashLength": 2,
  564. },
  565. "legend": {
  566. },
  567. "extra": {
  568. "area": {
  569. "type": "straight",
  570. "opacity": 0.2,
  571. "addLine": true,
  572. "width": 2,
  573. "gradient": false
  574. },
  575. }
  576. },
  577. "radar":{
  578. "type": "radar",
  579. "canvasId": "",
  580. "canvas2d": false,
  581. "background": "none",
  582. "animation": true,
  583. "timing": "easeOut",
  584. "duration": 1000,
  585. "color": [
  586. "#1890FF",
  587. "#91CB74",
  588. "#FAC858",
  589. "#EE6666",
  590. "#73C0DE",
  591. "#3CA272",
  592. "#FC8452",
  593. "#9A60B4",
  594. "#ea7ccc"
  595. ],
  596. "padding": [
  597. 5,
  598. 5,
  599. 5,
  600. 5
  601. ],
  602. "rotate": false,
  603. "errorReload": true,
  604. "fontSize": 13,
  605. "fontColor": "#666666",
  606. "enableScroll": false,
  607. "touchMoveLimit": 60,
  608. "enableMarkLine": false,
  609. "dataLabel": true,
  610. "dataPointShape": true,
  611. "dataPointShapeType": "solid",
  612. "tapLegend": true,
  613. "legend": {
  614. "show": true,
  615. "position": "bottom",
  616. "float": "center",
  617. "padding": 5,
  618. "margin": 5,
  619. "backgroundColor": "rgba(0,0,0,0)",
  620. "borderColor": "rgba(0,0,0,0)",
  621. "borderWidth": 0,
  622. "fontSize": 13,
  623. "fontColor": "#666666",
  624. "lineHeight": 25,
  625. "hiddenColor": "#CECECE",
  626. "itemGap": 10
  627. },
  628. "extra": {
  629. "radar": {
  630. "gridType": "radar",
  631. "gridColor": "#CCCCCC",
  632. "gridCount": 3,
  633. "labelColor": "#666666",
  634. "opacity": 0.2,
  635. "border": false,
  636. "borderWidth": 2,
  637. "max": 200
  638. },
  639. "tooltip": {
  640. "showBox": true,
  641. "showArrow": true,
  642. "showCategory": false,
  643. "borderWidth": 0,
  644. "borderRadius": 0,
  645. "borderColor": "#000000",
  646. "borderOpacity": 0.7,
  647. "bgColor": "#000000",
  648. "bgOpacity": 0.7,
  649. "gridType": "solid",
  650. "dashLength": 4,
  651. "gridColor": "#CCCCCC",
  652. "fontColor": "#FFFFFF",
  653. "splitLine": true,
  654. "horizentalLine": false,
  655. "xAxisLabel": false,
  656. "yAxisLabel": false,
  657. "labelBgColor": "#FFFFFF",
  658. "labelBgOpacity": 0.7,
  659. "labelFontColor": "#666666"
  660. }
  661. }
  662. },
  663. "gauge":{
  664. "type": "gauge",
  665. "color": color,
  666. "title": {
  667. "name": "66Km/H",
  668. "fontSize": 25,
  669. "color": "#2fc25b",
  670. "offsetY": 50
  671. },
  672. "subtitle": {
  673. "name": "实时速度",
  674. "fontSize": 15,
  675. "color": "#1890ff",
  676. "offsetY": -50
  677. },
  678. "extra": {
  679. "gauge": {
  680. "type": "default",
  681. "width": 30,
  682. "labelColor": "#666666",
  683. "startAngle": 0.75,
  684. "endAngle": 0.25,
  685. "startNumber": 0,
  686. "endNumber": 100,
  687. "labelFormat": "",
  688. "splitLine": {
  689. "fixRadius": 0,
  690. "splitNumber": 10,
  691. "width": 30,
  692. "color": "#FFFFFF",
  693. "childNumber": 5,
  694. "childWidth": 12
  695. },
  696. "pointer": {
  697. "width": 24,
  698. "color": "auto"
  699. }
  700. }
  701. }
  702. },
  703. "candle":{
  704. "type": "candle",
  705. "color": color,
  706. "padding": [15,15,0,15],
  707. "enableScroll": true,
  708. "enableMarkLine": true,
  709. "dataLabel": false,
  710. "xAxis": {
  711. "labelCount": 4,
  712. "itemCount": 40,
  713. "disableGrid": true,
  714. "gridColor": "#CCCCCC",
  715. "gridType": "solid",
  716. "dashLength": 4,
  717. "scrollShow": true,
  718. "scrollAlign": "left",
  719. "scrollColor": "#A6A6A6",
  720. "scrollBackgroundColor": "#EFEBEF"
  721. },
  722. "yAxis": {
  723. },
  724. "legend": {
  725. },
  726. "extra": {
  727. "candle": {
  728. "color": {
  729. "upLine": "#f04864",
  730. "upFill": "#f04864",
  731. "downLine": "#2fc25b",
  732. "downFill": "#2fc25b"
  733. },
  734. "average": {
  735. "show": true,
  736. "name": ["MA5","MA10","MA30"],
  737. "day": [5,10,20],
  738. "color": ["#1890ff","#2fc25b","#facc14"]
  739. }
  740. },
  741. "markLine": {
  742. "type": "dash",
  743. "dashLength": 5,
  744. "data": [
  745. {
  746. "value": 2150,
  747. "lineColor": "#f04864",
  748. "showLabel": true
  749. },
  750. {
  751. "value": 2350,
  752. "lineColor": "#f04864",
  753. "showLabel": true
  754. }
  755. ]
  756. }
  757. }
  758. },
  759. "mix":{
  760. "type": "mix",
  761. "color": color,
  762. "padding": [15,15,0,15],
  763. "xAxis": {
  764. "disableGrid": true,
  765. },
  766. "yAxis": {
  767. "disabled": false,
  768. "disableGrid": false,
  769. "splitNumber": 5,
  770. "gridType": "dash",
  771. "dashLength": 4,
  772. "gridColor": "#CCCCCC",
  773. "padding": 10,
  774. "showTitle": true,
  775. "data": []
  776. },
  777. "legend": {
  778. },
  779. "extra": {
  780. "mix": {
  781. "column": {
  782. "width": 20
  783. }
  784. },
  785. }
  786. },
  787. "scatter":{
  788. "type": "scatter",
  789. "color":color,
  790. "padding":[15,15,0,15],
  791. "dataLabel":false,
  792. "xAxis": {
  793. "disableGrid": false,
  794. "gridType":"dash",
  795. "splitNumber":5,
  796. "boundaryGap":"justify",
  797. "min":0
  798. },
  799. "yAxis": {
  800. "disableGrid": false,
  801. "gridType":"dash",
  802. },
  803. "legend": {
  804. },
  805. "extra": {
  806. "scatter": {
  807. },
  808. }
  809. },
  810. "bubble":{
  811. "type": "bubble",
  812. "color":color,
  813. "padding":[15,15,0,15],
  814. "xAxis": {
  815. "disableGrid": false,
  816. "gridType":"dash",
  817. "splitNumber":5,
  818. "boundaryGap":"justify",
  819. "min":0,
  820. "max":250
  821. },
  822. "yAxis": {
  823. "disableGrid": false,
  824. "gridType":"dash",
  825. "data":[{
  826. "min":0,
  827. "max":150
  828. }]
  829. },
  830. "legend": {
  831. },
  832. "extra": {
  833. "bubble": {
  834. "border":2,
  835. "opacity": 0.5,
  836. },
  837. }
  838. }
  839. }