bug fix

src/useless/components/charts/Line.js

 import echarts from '../ec-canvas/echarts'
 import './style.scss'
 
-function initChart(options, callback) {
-  return function (canvas, width, height) {
-    const chart = echarts.init(canvas, null, {
-      width: width,
-      height: height
-    });
-    canvas.setChart(chart);
-    chart.setOption(options);    
-    callback && callback(chart);
-    return chart;
-  }
-}
-
 function createLineOptions(source = []) {
   const colorWithOpacity = op => `rgba(187,156,121, ${op})`
 
   chart = null;
   ecComponent = null
 
-  state = {
-    ec: { lazyLoad: true },
-    isDisposed: false,
-  }
-
-  componentDidShow() {
-    this.setState({ isDisposed: false })
-  }
-
-  componentDidHide() {
-    this.setState({ isDisposed: true })
-  }
+  state = {}
 
   componentDidMount() {
-    this.ecComponent = this.$scope.selectComponent(`#${this.props.lid}`)
+    this.ecComponent = this.$scope.selectComponent('#mychart-dom-bar')
     this.init(this.props)
   }
 
   componentWillReceiveProps(nextProps) {
-    // 简单优化, 不显示的组件不更新
-    // 但是有个 bug 。如果此时有 props 更新, 会导致页面绘制的数据错误
-    if (this.state.isDisposed) return
-
-    // 简单的性能优化, 只有数据改变了才重新绘图
-    if (JSON.stringify(nextProps.source) != JSON.stringify(this.props.source)) {
-      this.init(nextProps)
-    }
+    this.resetData(nextProps)
   }
 
   init = (props) => {
-    const tk = setTimeout(() => {
-      if (this.ecComponent && props.source && props.source.length) {
-        const options = createLineOptions(props.source)
-        this.ecComponent.init(initChart(options, chart => (this.chart = chart)))
+    if (!this.ecComponent) {
+      console.log('-==-------no ecComponent---------')
+      return
+    }
+
+    let options;
+    if (props.source && props.source.length) {
+      options = createLineOptions(props.source)
+    }
+    
+    this.ecComponent.init((canvas, width, height) => {
+      const chart = echarts.init(canvas, null, { width, height });
+      canvas.setChart(chart);
+
+      if (options) {
+        chart.setOption(options);
       }
 
-      clearTimeout(tk)
-    }, 500)
+      this.chart = chart  
+      return chart;
+    })
+  }
+ 
+  resetData(props) {
+    // console.log('----------------->', props)
+    if (this.chart) {
+      const options = createLineOptions(props.source)
+      this.chart.setOption(options);
+    }
   }
 
   render() {
+    const ec = { lazyLoad: true }
+
     return (
       <View style="width:100vw;height:480rpx;position: relative;">
         <View className="map-container">
-          <ec-canvas id={this.props.lid} ec={this.state.ec}></ec-canvas>
+          <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar"  ec={ec}></ec-canvas>
         </View>
       </View>
     )

src/useless/pages/person/customerAnalysis/analysis.js

 import LineChart from "../../../components/charts/Line";
 const nothing = require('@/assets/person/nothing.png')
 
-const rand = n => Math.random().toString(36).substr(2, n)
-
 @connect(({ user, city }) => ({ user, city }))
 export default class analysis extends Taro.Component {
 
   config = {
-    navigationBarTitleText: '客户分析'
+    navigationBarTitleText: '客户分析',
   }
 
   state = {
     chartInfo: [],
     chartInfo2: [],
     chartInfo3: [],
-    lineIds: [ rand(7), rand(7), rand(7) ],
   }
 
   componentWillUnmount() {
                 </View>
               </View>
               {
-                chartInfo.length &&
-                <LineChart source={chartInfo} lid={lineIds[0]} />
+                chartInfo.length && current == 0 &&
+                <LineChart source={chartInfo} />
               }
               {
                 !chartInfo.length &&
                   }
                 </View>
               </View>
-              {chartInfo2.length &&
-                <LineChart source={chartInfo2} lid={lineIds[1]}/>
+              {chartInfo2.length &&  current == 1 &&
+                <LineChart source={chartInfo2} />
               }
               {
                 !chartInfo2.length &&
                 </View>
               </View>
               {
-                chartInfo3.length &&
-                <LineChart source={chartInfo3} lid={lineIds[2]} />
+                chartInfo3.length && current == 2 &&
+                <LineChart source={chartInfo3} />
               }
               {
                 !chartInfo3.length &&