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

Question

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

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

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

Answer 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>

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

Percentages in height and width of ZingChart do not work accordingly

height

width

zingchart