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；