Question

我有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";
}

点击点击事件处理程序，应该可以看到图表。

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

div style.height和style.width不保留

0 个答案: