研究了两天终于搞定了,官方的那个echart示例真的好坑啊,直接上我调试正常的代码:
import * as echarts from '../../common/ec-canvas/echarts.js';
const optionDta = {...};
class MainPage extends Component {
state = {
ec: {lazyLoad: true}
}
componentDidMount() {
this.refs['mychart-dom-area'].init((canvas, width, height) => {
// 初始化图表
const chart = echarts.init(canvas, null, {
width: width,
height: height
});
chart.setOption(option);
// 注意这里一定要返回 chart 实例,否则会影响事件处理等
return chart;
})
}
render () {
<View>
<ec-canvas
id='mychart-dom-area'
canvas-id='mychart-area'
ref='mychart-dom-area'
ec={ec}
/>
</View>
}
}