设置ECharts3中的图表大小

项目中遇到个问题。页面进去后加载一个图表,有一个按钮控制其显示和隐藏,首先是隐藏状态。由于设置的容器宽度是百分比,所以控制台输出无法找到容器的宽度,生成的图表会变形。

后来在网上找到了解决方法,在配置图标设置的时候,给图表一个固定宽度;

先在外面设置获取一下容器宽度:

var div_width = $("#ggcs_zzt").width();

再在配置的时候赋予:

// 基于准备好的dom,初始化echarts实例
var dom = document.getElementById("ggcs_zzt");

//用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽
var myChartContainer = function () {
dom.style.width = div_width + "px";
};
//设置容器高宽
myChartContainer();

var myChart = echarts.init(dom);

原文地址:https://www.cnblogs.com/akunz/p/8300938.html