| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177 | 
							- <!DOCTYPE html>
 
- <html lang="zh">
 
- 	<head>
 
- 		<meta charset="UTF-8">
 
- 		<meta name="viewport"
 
- 			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
- 		<meta http-equiv="X-UA-Compatible" content="ie=edge">
 
- 		<title></title>
 
- 		<style type="text/css">
 
- 			html,
 
- 			body,
 
- 			.canvas {
 
- 				padding: 0;
 
- 				margin: 0;
 
- 				overflow-y: hidden;
 
- 				background-color: transparent;
 
- 				width: 100%;
 
- 				height: 100%;
 
- 			}
 
- 		</style>
 
- 	</head>
 
- 	<body>
 
- 		<div class="canvas" id="limeChart"></div>
 
- 		<script type="text/javascript" src="./uni.webview.1.5.5.js"></script>
 
- 		<script type="text/javascript" src="./echarts.min.js"></script>
 
- 		<script type="text/javascript" src="./ecStat.min.js"></script>
 
- 		<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-liquidfill@latest/dist/echarts-liquidfill.min.js"></script> -->
 
- 		<script>
 
- 			let chart = null;
 
- 			let cache = [];
 
- 			console.log = function() {
 
- 				emit('log', {
 
- 					log: arguments,
 
- 				})
 
- 			}
 
- 			function emit(event, data) {
 
- 				postMessage({
 
- 					event,
 
- 					data
 
- 				})
 
- 				cache = []
 
- 			}
 
- 			function postMessage(data) {
 
- 				uni.webView.postMessage({
 
- 					data
 
- 				})
 
- 				// window.__uniapp_x_.postMessage(JSON.stringify(data))
 
- 			};
 
- 			function stringify(key, value) {
 
- 				if (typeof value === 'object' && value !== null) {
 
- 					if (cache.indexOf(value) !== -1) {
 
- 						return;
 
- 					}
 
- 					cache.push(value);
 
- 				}
 
- 				return value;
 
- 			}
 
- 			function parse(name, callback, options) {
 
- 				const optionNameReg = /[\w]+\.setOption\(([\w]+\.)?([\w]+)\)/
 
- 				if (optionNameReg.test(callback)) {
 
- 					const optionNames = callback.match(optionNameReg)
 
- 					if (optionNames[1]) {
 
- 						const _this = optionNames[1].split('.')[0]
 
- 						window[_this] = {}
 
- 						window[_this][optionNames[2]] = options
 
- 						return optionNames[2]
 
- 					} else {
 
- 						return null
 
- 					}
 
- 				}
 
- 				return null
 
- 			}
 
- 			function init(callback, options, opts, theme) {
 
- 				if (!chart) {
 
- 					chart = echarts.init(document.getElementById('limeChart'), theme, opts)
 
- 					if (options) {
 
- 						chart.setOption(options)
 
- 					}
 
- 				}
 
- 			}
 
- 			function on(data) {
 
- 				if (chart && data.length > 0) {
 
- 					const [type, query] = data
 
- 					const key = `${type}${JSON.stringify(query||'')}`
 
- 					if (query) {
 
- 						chart.on(type, query, function(options) {
 
- 							var obj = {};
 
- 							Object.keys(options).forEach(function(key) {
 
- 								if (key != 'event') {
 
- 									obj[key] = options[key];
 
- 								}
 
- 							});
 
- 							emit(key, {
 
- 								event: key,
 
- 								options: obj,
 
- 							});
 
- 						});
 
- 					} else {
 
- 						chart.on(type, function(options) {
 
- 							var obj = {};
 
- 							Object.keys(options).forEach(function(key) {
 
- 								if (key != 'event') {
 
- 									obj[key] = options[key];
 
- 								}
 
- 							});
 
- 							emit(key, {
 
- 								event: key,
 
- 								options: obj,
 
- 							});
 
- 						});
 
- 					}
 
- 				}
 
- 			}
 
- 			function setChart(callback, options) {
 
- 				if (!callback) return
 
- 				if (chart && callback && options) {
 
- 					var r = null
 
- 					const name = parse('r', callback, options)
 
- 					if (name) this[name] = options
 
- 					eval(`r = ${callback};`)
 
- 					if (r) {
 
- 						r(chart)
 
- 					}
 
- 				}
 
- 			}
 
- 			function setOption(data) {
 
- 				if (chart) chart.setOption(data[0], data[1])
 
- 			}
 
- 			function showLoading(data) {
 
- 				if (chart) chart.showLoading(data[0], data[1])
 
- 			}
 
- 			function hideLoading() {
 
- 				if (chart) chart.hideLoading()
 
- 			}
 
- 			function clear() {
 
- 				if (chart) chart.clear()
 
- 			}
 
- 			function dispose() {
 
- 				if (chart) chart.dispose()
 
- 			}
 
- 			function resize(size) {
 
- 				if (chart) chart.resize(size)
 
- 			}
 
- 			function canvasToTempFilePath(opt) {
 
- 				if (chart) {
 
- 					delete opt.success
 
- 					const src = chart.getDataURL(opt)
 
- 					postMessage({
 
- 						// event: 'file',
 
- 						file: src
 
- 					})
 
- 				}
 
- 			}
 
- 			
 
- 			document.addEventListener('touchmove', () => {
 
- 				
 
- 			})
 
- 		</script>
 
- 	</body>
 
- </html>
 
 
  |