前端放入div如下
<div id="container" :style="{ height: height, width: width }" />
async Bind() {
await Get_Pou_ByHour(this.listQuery.intime,"count").then(res=>{
let chartdom = document.getElementById('container');
this.echarts_img(res.cols,res.data).then(option=>{
var myChart = echarts.init(chartdom);
if (option && typeof option === 'object') {
myChart.setOption(option);
}
})
});
},
echarts_img(cols,data){
//放option变量外面的charts图代码即可
var option = {
//放option里面的charts图代码即可
};
return Promise.resolve(option);
}
- 本文标题： Vue中实现Echarts
- 文章分类：【VueJS】
- 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.