时间戳

首页 > 解决方案 > div style.height 和 style.width 未保留

javascript - div style.height 和 style.width 未保留

问题描述

我有 Canvas JS 图表作为 div，图表数据位于单独的 javascript 文件中。图表默认隐藏。只有在单击 OnClick 事件处理程序时，才需要显示图表。我默认使用 style.display='none'，而 OnClick 我正在设置 style.display='block'。但它并没有保持 div style.height 和 style.width 参数固定。显示的 OnClick 图表尺寸很小，我希望它与 div 中打印的尺寸相同。如何做到这一点？

我使用代码：

var x = document.getElementById(res);
if (x.style.display === "none") {
    x.style.display = "block";
} else {
    x.style.display = "none";
}

单击应该是可见的图表的 on click 事件处理程序。

var str1= "chartContainer";
var res = str1.concat(dt);
var x = document.getElementById(res);
if (x.style.display === "none") {
    x.style.display = "block";
} else {
    x.style.display = "none";
}

显示的图表尺寸很小。喜欢： https ://www.photobox.co.uk/my/photo/full?photo_id=501983526299

但它应该保留 div 的高度和宽度，例如： https ://www.photobox.co.uk/my/photo/full?photo_id=501983527221

标签： javascripthtmlhtml5-canvascanvasjs

解决方案

推荐阅读