Mar*_*lik 4 height width zingchart
每当我以百分比设置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>