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();
}

EChart图表宽度自适应100%

原文：https://www.cnblogs.com/GongJx/p/14738790.html