Question

每当我以百分比设置ZingChart的高度和宽度，以便它与所有屏幕尺寸兼容时，它都没有效果。示例：如果我设置1％高度和1％宽度，则不会发生任何情况。我正在改变高度和宽度：

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

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

Answer 1

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

＆＃13;

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

＆＃13;

html,body,#myChart{
  height: 100%;
  width: 100%;
}

＆＃13;

<!DOCTYPE html>
<html>
	<head>
		<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>

	</head>
	<body>
		<div id='myChart'></div>
	</body>
</html>

＆＃13;

ZingChart的高度和宽度百分比无法相应地起作用

1 个答案: