angular解決模態框下echarts不顯示問題

例如：摸態框myModal.html,給它命名一個id，id='myModal';

　　myModal.html頁面想畫一個echarts圖表

　　這裏是angularJs已經封裝好的echarts在html中的寫法：<div id="box" data-echarts data-options="pie.option" style="width:250px;height: 100px;"></div>

　　

　　上圖所示，咱們能夠利用bootstrap模態框的回調函數等模態框徹底打開再去從新渲染圖表

　　echarts官網API也爲咱們提供了從新渲染圖表的resize方法，這樣咱們就能夠結合bootstrap模態框的回調函數根據新的尺寸從新渲染

var box=$('#box');//圖表所在的dom結構
$('#myModal').on('shown.bs.modal',function(){
    box.resize()   //重繪
})；

這樣就能夠再模態框下顯示出來了。

若是你是另外一種html渲染的echarts圖表，請參考https://www.cnblogs.com/roc-young/p/6949883.html；