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

【问题标题】：Percentages in height and width of ZingChart do not work accordinglyZingChart 的高度和宽度百分比不相应地起作用
【发布时间】：2016-01-14 17:56:54
【问题描述】：

每当我以百分比设置 ZingChart 的高度和宽度，以便它与所有屏幕尺寸兼容时，它都没有效果。示例：如果我设置 1% 的高度和 1% 的宽度，则不会发生这种情况。我将高度和宽度更改为：

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

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

【问题讨论】：

标签： height width zingchart

【解决方案1】：

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>

【讨论】：