liumin
/
NewZkgj
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
581 Commits
7 Branches
28 MiB
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
NewZkgj/uni_modules/qiun-data-charts/js_sdk/u-charts/config-ucharts.js

882 lines
20 KiB
Raw Permalink Blame History 

  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. 

  19. // 主题颜色配置：如每个图表类型需要不同主题，请在对应图表类型上更改color属性

  20. const color = ['#1890FF', '#91CB74', '#FAC858', '#EE6666', '#73C0DE', '#3CA272', '#FC8452', '#9A60B4', '#ea7ccc'];

  21. 

  22. //事件转换函数，主要用作格式化x轴为时间轴，根据需求自行修改

  23. const formatDateTime = (timeStamp, returnType)=>{

  24.   var date = new Date();

  25.   date.setTime(timeStamp * 1000);

  26.   var y = date.getFullYear();

  27.   var m = date.getMonth() + 1;

  28.   m = m < 10 ? ('0' + m) : m;

  29.   var d = date.getDate();

  30.   d = d < 10 ? ('0' + d) : d;

  31.   var h = date.getHours();

  32.   h = h < 10 ? ('0' + h) : h;

  33.   var minute = date.getMinutes();

  34.   var second = date.getSeconds();

  35.   minute = minute < 10 ? ('0' + minute) : minute;

  36.   second = second < 10 ? ('0' + second) : second;

  37.   if(returnType == 'full'){return y + '-' + m + '-' + d + ' '+ h +':' + minute + ':' + second;}

  38.   if(returnType == 'y-m-d'){return y + '-' + m + '-' + d;}

  39.   if(returnType == 'h:m'){return  h +':' + minute;}

  40.   if(returnType == 'h:m:s'){return  h +':' + minute +':' + second;}

  41.   return [y, m, d, h, minute, second];

  42. }

  43. 

  44. module.exports = {

  45.   //demotype为自定义图表类型，一般不需要自定义图表类型，只需要改根节点上对应的类型即可

  46. 	"type":["pie","ring","rose","word","funnel","map","arcbar","line","column","area","radar","gauge","candle","mix","tline","tarea","scatter","bubble","demotype"],

  47. 	"range":["饼状图","圆环图","玫瑰图","词云图","漏斗图","地图","圆弧进度条","折线图","柱状图","区域图","雷达图","仪表盘","K线图","混合图","时间轴折线","时间轴区域","散点图","气泡图","自定义类型"],

  48.   //增加自定义图表类型，如果需要categories，请在这里加入您的图表类型，例如最后的"demotype"

  49.   //自定义类型时需要注意"tline","tarea","scatter","bubble"等时间轴（矢量x轴）类图表，没有categories，不需要加入categories

  50. 	"categories":["line","column","area","radar","gauge","candle","mix","demotype"],

  51.   //instance为实例变量承载属性，不要删除

  52.   "instance":{},

  53.   //option为opts及eopts承载属性，不要删除

  54.   "option":{},

  55.   //下面是自定义format配置，因除H5端外的其他端无法通过props传递函数，只能通过此属性对应下标的方式来替换

  56.   "formatter":{

  57.     "yAxisDemo1":function(val){return val+'元'},

  58.     "yAxisDemo2":function(val){return val.toFixed(2)},

  59.     "xAxisDemo1":function(val){return val+'年'},

  60.     "xAxisDemo2":function(val){return formatDateTime(val,'h:m')},

  61.     "seriesDemo1":function(val){return val+'元'},

  62.     "tooltipDemo1":function(item, category, index, opts){

  63.       if(index==0){

  64.       	return '随便用'+item.data+'年'

  65.       }else{

  66.       	return '其他我没改'+item.data+'天'

  67.       }

  68.     },

  69.     "pieDemo":function(val, index, series){

  70.       if(index !== undefined){

  71.         return series[index].name+'：'+series[index].data+'元'

  72.       }

  73.     },

  74.   },

  75.   //这里演示了自定义您的图表类型的option，可以随意命名，之后在组件上 type="demotype" 后，组件会调用这个花括号里的option，如果组件上还存在opts参数，会将demotype与opts中option合并后渲染图表。

  76.   "demotype":{

  77.     //我这里把曲线图当做了自定义图表类型，您可以根据需要随意指定类型或配置

  78.     "type": "line",

  79.     "color": color,

  80.     "padding": [15,10,0,15],

  81.     "xAxis": {

  82.       "disableGrid": true,

  83.     },

  84.     "yAxis": {

  85.       "gridType": "dash",

  86.       "dashLength": 2,

  87.     },

  88.     "legend": {

  89.     },

  90.     "extra": {

  91.     	"line": {

  92.     		"type": "curve",

  93.     		"width": 2

  94.     	},

  95.     }

  96.   },

  97.   

  98.   

  99.   

  100.   //下面是自定义配置，请添加项目所需的通用配置

  101. 	"pie":{

  102. 		"type": "pie",

  103.     "color": color,

  104. 		"padding": [5,5,5,5],

  105. 		"extra": {

  106. 			"pie": {

  107. 				"activeOpacity": 0.5,

  108. 				"activeRadius": 10,

  109. 				"offsetAngle": 0,

  110. 				"labelWidth": 15,

  111. 				"border": true,

  112. 				"borderWidth": 3,

  113. 				"borderColor": "#FFFFFF"

  114. 			},

  115. 		}

  116. 	},

  117. 	

  118. 	

  119. 	"ring":{

  120. 		"type": "ring",

  121. 		"padding": [15,5,5,5],

  122. 		"rotate": false,

  123. 		"dataLabel": true,

  124. 		"color":[ '#66AFF5', '#FABD2B', '#6F8EDC', '#FFCF8F', '#F98120', '#1CC99E', '#9474FB',

  125. 			'#657292','#7A6A99','#BF5D52','#EE6666','#77B7E4','#E6A065','#9D5139','#C1AA88','#F87F7A',

  126. 			'#F6CF74','#7F5506','#88BB9B','#6E99AA','#5789D0'

  127. 		],

  128. 		"legend": {

  129. 			"show": true,

  130. 			"position": "bottom",

  131. 			"float": "center",

  132. 			"padding": 5,

  133. 			"margin": 5,

  134. 			"backgroundColor": "rgba(0,0,0,0)",

  135. 			"borderColor": "rgba(0,0,0,0)",

  136. 			"borderWidth": 0,

  137. 			"fontSize": 10,

  138. 			"fontColor": "#666666",

  139. 			"lineHeight": 25,

  140. 			"hiddenColor": "#CECECE",

  141. 			"itemGap": 6

  142. 		},

  143. 		"title": {

  144. 			"name": "",

  145. 			"fontSize": 15,

  146. 			"color": "#666666"

  147. 		},

  148. 		"subtitle": {

  149. 			"name": "70",

  150. 			"fontSize": 25,

  151. 			"color": "#7cb5ec"

  152. 		},

  153. 		"extra": {

  154. 			"ring": {

  155. 				"ringWidth":30,

  156. 				"activeOpacity": 0.5,

  157. 				"activeRadius": 10,

  158. 				"offsetAngle": 0,

  159. 				"labelWidth": 15,

  160. 				"border": true,

  161. 				"borderWidth": 3,

  162. 				"borderColor": "#FFFFFF"

  163. 			},

  164. 		},

  165. 	},

  166. 	

  167. 	

  168. 	

  169. 	"rose":{

  170. 		"type": "rose",

  171.     "color": color,

  172. 		"padding": [5,5,5,5],

  173. 		"legend": {

  174. 			"show": true,

  175. 			"position": "left",

  176.       "lineHeight": 25,

  177. 		},

  178. 		"extra": {

  179. 			"rose": {

  180. 				"type": "area",

  181. 				"minRadius": 50,

  182. 				"activeOpacity": 0.5,

  183. 				"activeRadius": 10,

  184. 				"offsetAngle": 0,

  185. 				"labelWidth": 15,

  186. 				"border": false,

  187. 				"borderWidth": 2,

  188. 				"borderColor": "#FFFFFF"

  189. 			},

  190. 		}

  191. 	},

  192. 	

  193. 	

  194. 	"word":{

  195. 		"type": "word",

  196.     "color": color,

  197. 		"extra": {

  198. 			"word": {

  199. 				"type": "normal",

  200. 				"autoColors": false

  201. 			}

  202. 		}

  203. 	},

  204. 	

  205. 	

  206. 	"funnel":{

  207. 		"type": "funnel",

  208.     "color": color,

  209. 		"padding": [15,15,0,15],

  210. 		"extra": {

  211. 			"funnel": {

  212. 				"activeOpacity": 0.3,

  213. 				"activeWidth": 10,

  214. 				"border": true,

  215. 				"borderWidth": 2,

  216. 				"borderColor": "#FFFFFF",

  217. 				"fillOpacity": 1,

  218. 				"labelAlign": "right"

  219. 			},

  220. 		}

  221. 	},

  222. 	

  223. 	

  224. 	"map":{

  225. 		"type": "map",

  226.     "color": color,

  227. 		"padding": [0,0,0,0],

  228.     "dataLabel": true,

  229. 		"extra": {

  230. 			"map": {

  231. 				"border": true,

  232. 				"borderWidth": 1,

  233. 				"borderColor": "#666666",

  234. 				"fillOpacity": 0.6,

  235. 				"activeBorderColor": "#F04864",

  236. 				"activeFillColor": "#FACC14",

  237. 				"activeFillOpacity": 1

  238. 			},

  239. 		}

  240. 	},

  241. 	

  242. 	

  243. 	"arcbar":{

  244. 		"type": "arcbar",

  245.     "color": color,

  246. 		"title": {

  247. 			"name": "百分比",

  248. 			"fontSize": 25,

  249. 			"color": "#00FF00"

  250. 		},

  251. 		"subtitle": {

  252. 			"name": "默认标题",

  253. 			"fontSize": 15,

  254. 			"color": "#666666"

  255. 		},

  256. 		"extra": {

  257. 			"arcbar": {

  258. 				"type": "default",

  259. 				"width": 12,

  260. 				"backgroundColor": "#E9E9E9",

  261. 				"startAngle": 0.75,

  262. 				"endAngle": 0.25,

  263. 				"gap": 2

  264. 			}

  265. 		}

  266. 	},

  267. 	

  268. // 	enableScroll
// scrollShow

  269. "line":{

  270.     "type": "line",

  271.     "canvasId": "",

  272.     "canvas2d": true,

  273.     "background": "none",

  274.     "animation": true,

  275.     "timing": "easeOut",

  276.     "duration": 1000,

  277.     "color": [

  278.         "#1890FF",

  279.         "#91CB74",

  280.         "#FAC858",

  281.         "#EE6666",

  282.         "#73C0DE",

  283.         "#3CA272",

  284.         "#FC8452",

  285.         "#9A60B4",

  286.         "#ea7ccc"

  287.     ],

  288.     "padding": [

  289.         15,

  290.         10,

  291.         0,

  292.         15

  293.     ],

  294.     "rotate": false,

  295.     "errorReload": true,

  296.     "fontSize": 13,

  297.     "fontColor": "#666666",

  298.     "enableScroll": false,

  299.     "touchMoveLimit": 60,

  300.     "enableMarkLine": false,

  301.     "dataLabel": false,

  302.     "dataPointShape": true,

  303.     "dataPointShapeType": "solid",

  304.     "tapLegend": true,

  305.     "xAxis": {

  306.         "disabled": false,

  307.         "axisLine": true,

  308.         "axisLineColor": "#CCCCCC",

  309.         "calibration": false,

  310.         "fontColor": "#666666",

  311.         "fontSize": 13,

  312.         "rotateLabel": false,

  313.         // "itemCount": 3,

  314. 		'labelCount':3,

  315.         "boundaryGap": "center",

  316.         "disableGrid": true,

  317.         "gridColor": "#CCCCCC",

  318.         "gridType": "solid",

  319.         "dashLength": 4,

  320.         "gridEval": 1,

  321.         "scrollShow": false,

  322.         "scrollAlign": "left",

  323.         "scrollColor": "#A6A6A6",

  324.         "scrollBackgroundColor": "#EFEBEF",

  325.         "min": 0,

  326.         "format": ""

  327.     },

  328.     "yAxis": {

  329. 		 "disabled": false,

  330. 		 "disableGrid": false,

  331. 		 "splitNumber": 5,

  332. 		 "gridType": "dash",

  333. 		 "dashLength": 2,

  334. 		 "gridColor": "#CCCCCC",

  335. 		 "padding": 10,

  336. 		 "showTitle": false,

  337. 		 "min":0,

  338. 		 "max":10,

  339. 		 "data": []

  340.     },

  341.     "legend": {

  342.         "show": true,

  343.         "position": "bottom",

  344.         "float": "center",

  345.         "padding": 5,

  346.         "margin": 5,

  347.         "backgroundColor": "rgba(0,0,0,0)",

  348.         "borderColor": "rgba(0,0,0,0)",

  349.         "borderWidth": 0,

  350.         "fontSize": 13,

  351.         "fontColor": "#666666",

  352.         "lineHeight": 11,

  353.         "hiddenColor": "#CECECE",

  354.         "itemGap": 10

  355.     },

  356.     "extra": {

  357.         "line": {

  358.             "type": "curve",

  359.             "width": 2

  360.         },

  361.         "tooltip": {

  362.             "showBox": true,

  363.             "showArrow": true,

  364.             "showCategory": false,

  365.             "borderWidth": 0,

  366.             "borderRadius": 0,

  367.             "borderColor": "#000000",

  368.             "borderOpacity": 0.7,

  369.             "bgColor": "#000000",

  370.             "bgOpacity": 0.7,

  371.             "gridType": "solid",

  372.             "dashLength": 4,

  373.             "gridColor": "#CCCCCC",

  374.             "fontColor": "#FFFFFF",

  375.             "splitLine": true,

  376.             "horizentalLine": false,

  377.             "xAxisLabel": false,

  378.             "yAxisLabel": false,

  379.             "labelBgColor": "#FFFFFF",

  380.             "labelBgOpacity": 0.7,

  381.             "labelFontColor": "#666666"

  382.         },

  383.         "markLine": {

  384.             "type": "solid",

  385.             "dashLength": 4,

  386.             "data": []

  387.         }

  388.     }

  389. },

  390. 	

  391. 	

  392.   "tline":{

  393.   	"type": "line",

  394.     "color": color,

  395.   	"padding": [15,10,0,15],

  396.   	"xAxis": {

  397.       "disableGrid": false,

  398.       "boundaryGap":"justify",

  399.   	},

  400.   	"yAxis": {

  401.       "gridType": "dash",

  402.       "dashLength": 2,

  403.       "data":[

  404.         {

  405.           "min":0,

  406.           "max":80

  407.         }

  408.       ]

  409.   	},

  410.   	"legend": {

  411.   	},

  412.   	"extra": {

  413.   		"line": {

  414.   			"type": "curve",

  415.   			"width": 2

  416.   		},

  417.   	}

  418.   },

  419.   

  420.   

  421.   

  422.   "tarea":{

  423.   	"type": "area",

  424.     "color": color,

  425.   	"padding": [15,10,0,15],

  426.   	"xAxis": {

  427.       "disableGrid": true,

  428.       "boundaryGap":"justify",

  429.   	},

  430.   	"yAxis": {

  431.       "gridType": "dash",

  432.       "dashLength": 2,

  433.       "data":[

  434.         {

  435.           "min":0,

  436.           "max":80

  437.         }

  438.       ]

  439.   	},

  440.   	"legend": {

  441.   	},

  442.   	"extra": {

  443.   		"area": {

  444.   			"type": "curve",

  445.   			"opacity": 0.2,

  446.   			"addLine": true,

  447.   			"width": 2,

  448.   			"gradient": true

  449.   		},

  450.   	}

  451.   },

  452.   

  453.   

  454.   

  455. "column":{

  456.     "type": "column",

  457.     "canvasId": "",

  458.     "canvas2d": true,

  459.     "background": "none",

  460.     "animation": true,

  461.     "timing": "easeOut",

  462.     "duration": 1000,

  463.     "color": [

  464.         "#1890FF",

  465.         "#91CB74",

  466.         "#FAC858",

  467.         "#EE6666",

  468.         "#73C0DE",

  469.         "#3CA272",

  470.         "#FC8452",

  471.         "#9A60B4",

  472.         "#ea7ccc"

  473.     ],

  474.     "padding": [

  475.         15,

  476.         15,

  477.         0,

  478.         5

  479.     ],

  480.     "rotate": false,

  481.     "errorReload": true,

  482.     "fontSize": 13,

  483.     "fontColor": "#666666",

  484.     "enableScroll": true,

  485.     "touchMoveLimit": 60,

  486.     "enableMarkLine": false,

  487.     "dataLabel": true,

  488.     "dataPointShape": true,

  489.     "dataPointShapeType": "solid",

  490.     "xAxis": {

  491.         "disabled": false,

  492.         "axisLine": true,

  493.         "axisLineColor": "#CCCCCC",

  494.         "calibration": false,

  495.         "fontColor": "#666666",

  496.         "fontSize": 13,

  497.         "rotateLabel": false,

  498.         "itemCount": 7,

  499.         "boundaryGap": "center",

  500.         "disableGrid": true,

  501.         "gridColor": "#CCCCCC",

  502.         "gridType": "solid",

  503.         "dashLength": 4,

  504.         "gridEval": 1,

  505.         "scrollShow": true,

  506.         "scrollAlign": "left",

  507.         "scrollColor": "#A6A6A6",

  508.         "scrollBackgroundColor": "#EFEBEF"

  509.     },

  510.     "yAxis": {

  511.         "disabled": false,

  512.         "disableGrid": false,

  513.         "splitNumber": 5,

  514.         "gridType": "dash",

  515.         "dashLength": 8,

  516.         "gridColor": "#CCCCCC",

  517.         "padding": 10,

  518.         "showTitle": false,

  519. 		"min":0,

  520. 		"max":100,

  521.         "data": []

  522.     },

  523.     "legend": {

  524.         "show": true,

  525.         "position": "bottom",

  526.         "float": "center",

  527.         "padding": 5,

  528.         "margin": 5,

  529.         "backgroundColor": "rgba(0,0,0,0)",

  530.         "borderColor": "rgba(0,0,0,0)",

  531.         "borderWidth": 0,

  532.         "fontSize": 13,

  533.         "fontColor": "#666666",

  534.         "lineHeight": 11,

  535.         "hiddenColor": "#CECECE",

  536.         "itemGap": 10

  537.     },

  538.     "extra": {

  539.         "column": {

  540.             "type": "group",

  541.             "width": 30,

  542.             "seriesGap": 2,

  543.             "categoryGap": 3,

  544.             "barBorderCircle": false,

  545.             "linearType": "none",

  546.             "linearOpacity": 1,

  547.             "colorStop": 0,

  548.             "meterBorder": 1,

  549.             "meterFillColor": "#FFFFFF",

  550.             "activeBgColor": "#000000",

  551.             "activeBgOpacity": 0.08,

  552.             "meterBorde": 1

  553.         },

  554.         "tooltip": {

  555.             "showBox": true,

  556.             "showArrow": true,

  557.             "showCategory": false,

  558.             "borderWidth": 0,

  559.             "borderRadius": 0,

  560.             "borderColor": "#000000",

  561.             "borderOpacity": 0.7,

  562.             "bgColor": "#000000",

  563.             "bgOpacity": 0.7,

  564.             "gridType": "solid",

  565.             "dashLength": 4,

  566.             "gridColor": "#CCCCCC",

  567.             "fontColor": "#FFFFFF",

  568.             "splitLine": true,

  569.             "horizentalLine": false,

  570.             "xAxisLabel": false,

  571.             "yAxisLabel": false,

  572.             "labelBgColor": "#FFFFFF",

  573.             "labelBgOpacity": 0.7,

  574.             "labelFontColor": "#666666"

  575.         },

  576.         "markLine": {

  577.             "type": "solid",

  578.             "dashLength": 4,

  579.             "data": []

  580.         }

  581.     }

  582. },

  583. 	

  584. 	

  585. 	"area":{

  586. 		"type": "area",

  587. 		"color": color,

  588. 		"padding": [15,15,0,15],

  589. 		"xAxis": {

  590.       "disableGrid": true,

  591. 		},

  592. 		"yAxis": {

  593.       "gridType": "dash",

  594.       "dashLength": 2,

  595. 		},

  596. 		"legend": {

  597. 		},

  598. 		"extra": {

  599. 			"area": {

  600. 				"type": "straight",

  601. 				"opacity": 0.2,

  602. 				"addLine": true,

  603. 				"width": 2,

  604. 				"gradient": false

  605. 			},

  606. 		}

  607. 	},

  608. 	

  609. 	

  610. "radar":{

  611.     "type": "radar",

  612.     "canvasId": "",

  613.     "canvas2d": false,

  614.     "background": "none",

  615.     "animation": true,

  616.     "timing": "easeOut",

  617.     "duration": 1000,

  618.     "color": [

  619.         "#1890FF",

  620.         "#91CB74",

  621.         "#FAC858",

  622.         "#EE6666",

  623.         "#73C0DE",

  624.         "#3CA272",

  625.         "#FC8452",

  626.         "#9A60B4",

  627.         "#ea7ccc"

  628.     ],

  629.     "padding": [

  630.         5,

  631.         5,

  632.         5,

  633.         5

  634.     ],

  635.     "rotate": false,

  636.     "errorReload": true,

  637.     "fontSize": 13,

  638.     "fontColor": "#666666",

  639.     "enableScroll": false,

  640.     "touchMoveLimit": 60,

  641.     "enableMarkLine": false,

  642.     "dataLabel": true,

  643.     "dataPointShape": true,

  644.     "dataPointShapeType": "solid",

  645.     "tapLegend": true,

  646.     "legend": {

  647.         "show": true,

  648.         "position": "bottom",

  649.         "float": "center",

  650.         "padding": 5,

  651.         "margin": 5,

  652.         "backgroundColor": "rgba(0,0,0,0)",

  653.         "borderColor": "rgba(0,0,0,0)",

  654.         "borderWidth": 0,

  655.         "fontSize": 13,

  656.         "fontColor": "#666666",

  657.         "lineHeight": 25,

  658.         "hiddenColor": "#CECECE",

  659.         "itemGap": 10

  660.     },

  661.     "extra": {

  662.         "radar": {

  663.             "gridType": "radar",

  664.             "gridColor": "#CCCCCC",

  665.             "gridCount": 3,

  666.             "labelColor": "#666666",

  667.             "opacity": 0.2,

  668.             "border": false,

  669.             "borderWidth": 2,

  670.             "max": 200

  671.         },

  672.         "tooltip": {

  673.             "showBox": true,

  674.             "showArrow": true,

  675.             "showCategory": false,

  676.             "borderWidth": 0,

  677.             "borderRadius": 0,

  678.             "borderColor": "#000000",

  679.             "borderOpacity": 0.7,

  680.             "bgColor": "#000000",

  681.             "bgOpacity": 0.7,

  682.             "gridType": "solid",

  683.             "dashLength": 4,

  684.             "gridColor": "#CCCCCC",

  685.             "fontColor": "#FFFFFF",

  686.             "splitLine": true,

  687.             "horizentalLine": false,

  688.             "xAxisLabel": false,

  689.             "yAxisLabel": false,

  690.             "labelBgColor": "#FFFFFF",

  691.             "labelBgOpacity": 0.7,

  692.             "labelFontColor": "#666666"

  693.         },

  694. 		// 过滤文字

  695. 		fileXLength(value) {

  696. 			if (value.length > 6) {

  697. 			  return `${value.slice(0, 6)}`;

  698. 			}

  699. 			return value;

  700. 		}

  701.     }

  702. },

  703. 	

  704. 	

  705. 	

  706. 	"gauge":{

  707. 		"type": "gauge",

  708. 		"color": color,

  709. 		"title": {

  710. 			"name": "66Km/H",

  711. 			"fontSize": 25,

  712. 			"color": "#2fc25b",

  713. 			"offsetY": 50

  714. 		},

  715. 		"subtitle": {

  716. 			"name": "实时速度",

  717. 			"fontSize": 15,

  718. 			"color": "#1890ff",

  719. 			"offsetY": -50

  720. 		},

  721. 		"extra": {

  722. 			"gauge": {

  723. 				"type": "default",

  724. 				"width": 30,

  725. 				"labelColor": "#666666",

  726. 				"startAngle": 0.75,

  727. 				"endAngle": 0.25,

  728. 				"startNumber": 0,

  729. 				"endNumber": 100,

  730. 				"labelFormat": "",

  731. 				"splitLine": {

  732. 					"fixRadius": 0,

  733. 					"splitNumber": 10,

  734. 					"width": 30,

  735. 					"color": "#FFFFFF",

  736. 					"childNumber": 5,

  737. 					"childWidth": 12

  738. 				},

  739. 				"pointer": {

  740. 					"width": 24,

  741. 					"color": "auto"

  742. 				}

  743. 			}

  744. 		}

  745. 	},

  746. 	"candle":{

  747. 		"type": "candle",

  748. 		"color": color,

  749. 		"padding": [15,15,0,15],

  750. 		"enableScroll": true,

  751. 		"enableMarkLine": true,

  752. 		"dataLabel": false,

  753. 		"xAxis": {

  754. 			"labelCount": 4,

  755. 			"itemCount": 40,

  756. 			"disableGrid": true,

  757. 			"gridColor": "#CCCCCC",

  758. 			"gridType": "solid",

  759. 			"dashLength": 4,

  760. 			"scrollShow": true,

  761. 			"scrollAlign": "left",

  762. 			"scrollColor": "#A6A6A6",

  763. 			"scrollBackgroundColor": "#EFEBEF"

  764. 		},

  765. 		"yAxis": {

  766. 		},

  767. 		"legend": {

  768. 		},

  769. 		"extra": {

  770. 			"candle": {

  771. 				"color": {

  772. 					"upLine": "#f04864",

  773. 					"upFill": "#f04864",

  774. 					"downLine": "#2fc25b",

  775. 					"downFill": "#2fc25b"

  776. 				},

  777. 				"average": {

  778. 					"show": true,

  779. 					"name": ["MA5","MA10","MA30"],

  780. 					"day": [5,10,20],

  781. 					"color": ["#1890ff","#2fc25b","#facc14"]

  782. 				}

  783. 			},

  784. 			"markLine": {

  785. 				"type": "dash",

  786. 				"dashLength": 5,

  787. 				"data": [

  788. 					{

  789. 						"value": 2150,

  790. 						"lineColor": "#f04864",

  791. 						"showLabel": true

  792. 					},

  793. 					{

  794. 						"value": 2350,

  795. 						"lineColor": "#f04864",

  796. 						"showLabel": true

  797. 					}

  798. 				]

  799. 			}

  800. 		}

  801. 	},

  802. 	"mix":{

  803. 		"type": "mix",

  804. 		"color": color,

  805. 		"padding": [15,15,0,15],

  806. 		"xAxis": {

  807.       "disableGrid": true,

  808. 		},

  809. 		"yAxis": {

  810. 			"disabled": false,

  811. 			"disableGrid": false,

  812. 			"splitNumber": 5,

  813. 			"gridType": "dash",

  814. 			"dashLength": 4,

  815. 			"gridColor": "#CCCCCC",

  816. 			"padding": 10,

  817. 			"showTitle": true,

  818. 			"data": []

  819. 		},

  820. 		"legend": {

  821. 		},

  822. 		"extra": {

  823. 			"mix": {

  824. 				"column": {

  825. 					"width": 20

  826. 				}

  827. 			},

  828. 		}

  829. 	},

  830. 	"scatter":{

  831. 		"type": "scatter",

  832. 		"color":color,

  833. 		"padding":[15,15,0,15],

  834.     "dataLabel":false,

  835.     "xAxis": {

  836.       "disableGrid": false,

  837.       "gridType":"dash",

  838.       "splitNumber":5,

  839.       "boundaryGap":"justify",

  840.       "min":0

  841.     },

  842.     "yAxis": {

  843.       "disableGrid": false,

  844.       "gridType":"dash",

  845.     },

  846.     "legend": {

  847.     },

  848.     "extra": {

  849.     	"scatter": {

  850.     	},

  851.     }

  852. 	},

  853. 	"bubble":{

  854. 		"type": "bubble",

  855. 		"color":color,

  856. 		"padding":[15,15,0,15],

  857.     "xAxis": {

  858.       "disableGrid": false,

  859.       "gridType":"dash",

  860.       "splitNumber":5,

  861.       "boundaryGap":"justify",

  862.       "min":0,

  863.       "max":250

  864.     },

  865.     "yAxis": {

  866.       "disableGrid": false,

  867.       "gridType":"dash",

  868.       "data":[{

  869.         "min":0,

  870.         "max":150

  871.       }]

  872.     },

  873.     "legend": {

  874.     },

  875.     "extra": {

  876.     	"bubble": {

  877.         "border":2,

  878.         "opacity": 0.5,

  879.     	},

  880.     }

  881. 	}

  882. }