ZingChart的高度和寬度百分比不會相應地工作

每當我設置ZingChart的高度和寬度爲百分比，以便它與所有屏幕尺寸兼容時，它不起作用。例如：如果我設置1％的高度和1％的寬度，則不會發生這種情況。我改變高度和寬度：ZingChart的高度和寬度百分比不會相應地工作

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

你可以在這裏查看完整代碼： http://jsfiddle.net/xbh2ap18/

來源

2015-10-16 Marium Malik

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> 
 
\t <head> 
 
\t \t <script src= "https://cdn.zingchart.com/zingchart.min.js"></script> 
 

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

來源

2015-10-16 15:33:12

感謝。有用 –

ZingChart的高度和寬度百分比不會相應地工作

回答

相關問題