diff --git a/src/components/Echarts/index.js b/src/components/Echarts/index.js index c0e23bd..e505b10 100644 --- a/src/components/Echarts/index.js +++ b/src/components/Echarts/index.js @@ -21,6 +21,7 @@ export default class App extends Component { height: this.props.height || 400, }} source={require('./tpl.html')} + onMessage={event => this.props.onPress ? this.props.onPress(JSON.parse(event.nativeEvent.data)) : null} /> ); diff --git a/src/components/Echarts/renderChart.js b/src/components/Echarts/renderChart.js index a76bc85..c63abc1 100644 --- a/src/components/Echarts/renderChart.js +++ b/src/components/Echarts/renderChart.js @@ -9,5 +9,18 @@ export default function renderChart(props) { document.getElementById('main').style.width = "${width}"; var myChart = echarts.init(document.getElementById('main')); myChart.setOption(${toString(props.option)}); + myChart.on('click', function(params) { + var seen = []; + var paramsString = JSON.stringify(params, function(key, val) { + if (val != null && typeof val == "object") { + if (seen.indexOf(val) >= 0) { + return; + } + seen.push(val); + } + return val; + }); + window.postMessage(paramsString); + }); ` }