temp

config/dev.js

@@ -9,8 +9,8 @@ module.exports = {
     // WSS_HOST: '"wss://dev.jinchengjiaye.com"',
     // HOST: '"https://lt.pawoma.cn"',
     // WSS_HOST: '"wss://lt.pawoma.cn"',
-    HOST: '"http://192.168.0.84:8080"',
-    WSS_HOST: '"ws://192.168.0.84:8080"',
+    HOST: '"http://127.0.0.1:8080"',
+    WSS_HOST: '"ws://127.0.0.1:8080"',
   },
   weapp: {},
   h5: {}

src/components/charts/Line.js

@@ -0,0 +1,71 @@
+import Taro, { Component } from '@tarojs/taro'
+import echart from '../ec-canvas/echarts'
+
+function initChart(callback) {
+  return function (canvas, width, height) {
+    const chart = echarts.init(canvas, null, {
+      width: width,
+      height: height
+    });
+    canvas.setChart(chart);
+    callback && callback(chart);
+    return chart;
+  }
+}
+
+export default class LineChart extends Component {
+  config = {
+    usingComponents: {
+      "ec-canvas": "../ec-canvas/ec-canvas"
+    }
+  }
+
+  // this.echart
+  echart = null
+
+  state = {
+    ec: { onInit: initChart(this.handleChart.bind(this)) },
+    loading: false,
+  }
+
+  componentWillMount() {
+
+  }
+
+  handleChart (chart) {
+    this.echart = chart
+    if (!this.props.source) {
+      this.setState({ loading: true })
+      this.echart.showLoading()
+    } else {
+      this.refreshChart()
+    }
+  }
+
+  refreshChart() {
+    const defaultOpt = {
+      color: ['#BB9C79', '#666666'],
+      tooltip: {},
+      xAxis: {type: 'category'},
+      yAxis: {},
+      dataset: {},
+      series: [],
+    }
+
+    const options = {
+      ...defaultOpt,
+      dataset: { source: this.props.source },
+      series: {
+        type: 'line',
+        dimensions: [ 'item' ],
+      },
+    }
+
+    this.echart.setOption(options)
+    this.echart.hideLoading()
+  }
+
+  render() {
+    <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec={this.state.ec}></ec-canvas>
+  }
+}

src/components/ec-canvas/ec-canvas.js

@@ -82,41 +82,44 @@ Component({
     touchStart(e) {
       if (this.chart && e.touches.length > 0) {
         var touch = e.touches[0];
-        this.chart._zr.handler.dispatch('mousedown', {
+        var handler = this.chart.getZr().handler;
+        handler.dispatch('mousedown', {
           zrX: touch.x,
           zrY: touch.y
         });
-        this.chart._zr.handler.dispatch('mousemove', {
+        handler.dispatch('mousemove', {
           zrX: touch.x,
           zrY: touch.y
         });
-        this.chart._zr.handler.proxy.processGesture(wrapTouch(e), 'start');
+        handler.processGesture(wrapTouch(e), 'start');
       }
     },
 
     touchMove(e) {
       if (this.chart && e.touches.length > 0) {
         var touch = e.touches[0];
-        this.chart._zr.handler.dispatch('mousemove', {
+        var handler = this.chart.getZr().handler;
+        handler.dispatch('mousemove', {
           zrX: touch.x,
           zrY: touch.y
         });
-        this.chart._zr.handler.proxy.processGesture(wrapTouch(e), 'change');
+        handler.processGesture(wrapTouch(e), 'change');
       }
     },
 
     touchEnd(e) {
       if (this.chart) {
         const touch = e.changedTouches ? e.changedTouches[0] : {};
-        this.chart._zr.handler.dispatch('mouseup', {
+        var handler = this.chart.getZr().handler;
+        handler.dispatch('mouseup', {
           zrX: touch.x,
           zrY: touch.y
         });
-        this.chart._zr.handler.dispatch('click', {
+        handler.dispatch('click', {
           zrX: touch.x,
           zrY: touch.y
         });
-        this.chart._zr.handler.proxy.processGesture(wrapTouch(e), 'end');
+        handler.processGesture(wrapTouch(e), 'end');
       }
     }
   }

src/components/ec-canvas/wx-canvas.js

@@ -87,7 +87,7 @@ export default class WxCanvas {
     eventNames.forEach(name => {
       this.event[name.wxName] = e => {
         const touch = e.touches[0];
-        this.chart._zr.handler.dispatch(name.ecName, {
+        this.chart.getZr().handler.dispatch(name.ecName, {
           zrX: name.wxName === 'tap' ? touch.clientX : touch.x,
           zrY: name.wxName === 'tap' ? touch.clientY : touch.y
         });