diff --git a/src/components/Echarts/index.js b/src/components/Echarts/index.js
index 7bd9ef1..8b5a286 100644
--- a/src/components/Echarts/index.js
+++ b/src/components/Echarts/index.js
@@ -2,69 +2,73 @@
 import React, { Component } from 'react';
 import { WebView, View, StyleSheet, Platform } from 'react-native';
 import renderChart from './renderChart';
-import renderChartNoFirst from './renderChart'
+import renderChartNoFirst from './renderChart';
 import echarts from './echarts.min';
 
-
 export default class App extends Component {
-// 预防过渡渲染
+  // 预防过渡渲染
 
   shouldComponentUpdate(nextProps, nextState) {
-    const thisProps = this.props || {}
-    nextProps = nextProps || {}
+    const thisProps = this.props || {};
+    nextProps = nextProps || {};
     if (Object.keys(thisProps).length !== Object.keys(nextProps).length) {
-      return true
+      return true;
     }
     for (const key in nextProps) {
       if (JSON.stringify(thisProps[key]) != JSON.stringify(nextProps[key])) {
-// console.log('props', key, thisProps[key], nextProps[key])
-        return true
+        // console.log('props', key, thisProps[key], nextProps[key])
+        return true;
       }
     }
-    return false
+    return false;
   }
 
   componentWillReceiveProps(nextProps) {
-    if(nextProps.option !== this.props.option) {
-
-// 解决数据改变时页面闪烁的问题
-      this.refs.chart.injectJavaScript(renderChart(nextProps,false))
+    if (nextProps.option !== this.props.option) {
+      // 解决数据改变时页面闪烁的问题
+      this.refs.chart.injectJavaScript(renderChart(nextProps, false));
     }
   }
 
   render() {
-    if (Platform.OS == 'android'){
+    const messageFn = this.props.onMessage || null;
+    if (Platform.OS == 'android') {
       return (
-        <View style={{flex: 1, height: this.props.height || 400,}}>
+        <View style={{ flex: 1, height: this.props.height || 400 }}>
           <WebView
             ref="chart"
-            scrollEnabled = {false}
+            scrollEnabled={false}
             javaScriptEnabled={true}
-            injectedJavaScript = {renderChart(this.props,true)}
+            injectedJavaScript={renderChart(this.props, true)}
             style={{
-              height: this.props.height || 400,
+              height: this.props.height || 400
             }}
+            onMessage={messageFn}
             //source={require('./tpl.html')}
-            source={{uri: 'file:///android_asset/tpl.html'}}
+            source={{ uri: 'file:///android_asset/tpl.html' }}
           />
         </View>
       );
-    }else{
+    } else {
       return (
-        <View style={{flex: 1, height: this.props.height || 400,}}>
+        <View style={{ flex: 1, height: this.props.height || 400 }}>
           <WebView
             ref="chart"
-            scrollEnabled = {false}
+            scrollEnabled={false}
             scalesPageToFit={false}
-            injectedJavaScript = {renderChart(this.props,true)}
+            injectedJavaScript={renderChart(this.props, true)}
             style={{
-              height: this.props.height || 400,
+              height: this.props.height || 400
             }}
-            source= {Platform.OS === 'ios' ? require('./tpl.html') : { uri: 'file:///android_asset/tpl.html' }}
+            onMessage={messageFn}
+            source={
+              Platform.OS === 'ios'
+                ? require('./tpl.html')
+                : { uri: 'file:///android_asset/tpl.html' }
+            }
           />
         </View>
       );
     }
-
   }
 }
diff --git a/src/components/Echarts/renderChart.js b/src/components/Echarts/renderChart.js
index 82c0a48..492396f 100644
--- a/src/components/Echarts/renderChart.js
+++ b/src/components/Echarts/renderChart.js
@@ -10,7 +10,6 @@ export default function renderChart(props,isFirst) {
     return `
     document.getElementById('main').style.height = "${height}";
     document.getElementById('main').style.width = "${width}";
-    myChart = echarts.init(document.getElementById('main'));
     myChart.setOption(${toString(props.option)});
   `
   }else{
diff --git a/src/components/Echarts/tpl.html b/src/components/Echarts/tpl.html
index c585c65..eea97ff 100644
--- a/src/components/Echarts/tpl.html
+++ b/src/components/Echarts/tpl.html
@@ -79,6 +79,13 @@
 <body>
 <div id="main" ></div>
 <script>
+  var myChart = echarts.init(document.getElementById('main'));
+
+  myChart.on('legendselectchanged',function(params){
+      if(typeof window.postMessage  === 'function'){
+        window.postMessage(params)
+      }
+  })
   function changeDigit(num = 0, digit = 2) {
     if (isNaN(num)) {
       return num;