EChars图表，获取div百分比宽高的px值

EChars图表

EChars图表在引入到div中时，只能识别px，如果div设置的为百分比宽度和高度，那么在前端显示的时候会把百分比读成px来作为图表的大小显示。

如何将div百分比宽高转为px

有几种方式：
（1）可以用offsetWidth和offsetHeight的形式。代码如下：

	var div1=document.getElementById("devEnergyConsumeChart");
    var div2=document.getElementById("devEnergyConsume");
    // 获取元素的宽高，将百分比转化为px；赋值给div2
    div2.style.width=div1.offsetWidth+'px';
    div2.style.height=div1.offsetHeight+'px';

（2）用clientWidth和clientHeight的方式。代码如下：

	var div1=document.getElementById("devEnergyConsumeChart").clientWidth;
    var div2=document.getElementById("devEnergyConsume").clientHeight;

只写这dom事件是不行的，因为要等div百分比宽高加载好，才能知道对应的px值，所以代码都要写到onload事件里面。代码如下：

	window.onload=function () {
	var div1=document.getElementById("devEnergyConsumeChart").clientWidth;
    var div2=document.getElementById("devEnergyConsume").clientHeight;
    }

如果有不明白地方欢迎留言，联系方式qq：1207948519。