2016-10-21 07:54:29 +00:00
|
|
|
import echarts from './echarts.min';
|
2016-10-27 06:14:35 +00:00
|
|
|
import toString from '../../util/toString';
|
2016-10-21 07:54:29 +00:00
|
|
|
|
2016-11-01 09:31:14 +00:00
|
|
|
export default function renderChart(props) {
|
|
|
|
|
const height = props.height || 400;
|
2016-10-21 07:54:29 +00:00
|
|
|
return `
|
2016-11-01 09:31:14 +00:00
|
|
|
document.getElementById('main').style.height = "${height}px";
|
|
|
|
|
var myChart = echarts.init(document.getElementById('main'));
|
|
|
|
|
myChart.setOption(${toString(props.option)});
|
2017-05-13 01:13:47 +00:00
|
|
|
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(JSON.stringify(paramsString));
|
|
|
|
|
});
|
2016-11-01 09:31:14 +00:00
|
|
|
`
|
2016-10-21 07:54:29 +00:00
|
|
|
}
|