gpt4 book ai didi

height - ZingChart 的高度和宽度百分比不起作用

转载 作者:行者123 更新时间:2023-12-04 23:42:39 28 4
gpt4 key购买 nike

每当我以百分比设置 ZingChart 的高度和宽度以使其与所有屏幕尺寸兼容时,它都不起作用。
示例:如果我设置 1% 的高度和 1% 的宽度,则不会发生这种情况。
我将高度和宽度更改为:

zingchart.render({ 
id : 'myChart',
data : myConfig,
height: '1%',
width: '1%'
});

您可以在此处查看完整代码:
http://jsfiddle.net/xbh2ap18/

最佳答案

ZingChart 的高度和宽度继承自您要附加到的父容器。实际图表是 myChart 的子项,因此您需要将 css 应用于您的容器。

zingchart.render({
id : 'myChart',
data : {
type:"line",
series :[
{ values : [1,2,3,4] }
]
},
height: "100%",
width: "100%"

});
html,body,#myChart{
height: 100%;
width: 100%;
}
<!DOCTYPE html>
<html>
<head>
<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>

</head>
<body>
<div id='myChart'></div>
</body>
</html>

关于height - ZingChart 的高度和宽度百分比不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33162707/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com