EChart圖表寬度自適應100%

我不知道官方的做法是什么,但是現在我這種方法可以解決問題....

html部分

<div carousel-item id="Line_Chart">
　　<div id="UserRegistChart"></div>

</div>

script部分

var dom = document.getElementById("UserRegistChart");
$(dom).css("width", $("#Line_Chart").width()+"px");//先設置寬度為實際的寬度,不能設置100%
var myChart = echarts.init(dom);
var option={};//這里是圖表的內容,太多了就沒復制
myChart.clear();
myChart.setOption(option);
$(dom).css("width", "100%");//初始化完成后再設置寬度100%
window.onresize = function () {//瀏覽器寬度變化時自適應
myChart.resize();
}