真正解决vue渲染echart图表只显示100px的问题
原因:初始渲染图表并没有resize
解决方案:
var chartDom = document.getElementById("mychart");
chartDom.style.width=window.innerWidth/3-20+'px' // 此处设定想要宽度
var myChart = echarts.init(chartDom);
...
// 图表大小随浏览器大小调整
window.addEventListener("resize", function() {
chartDom.style.width='' // 这一步一定要写 最重要,不然resize自适应会失效
myChart.resize();
});