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>
|