height


Percentages in height and width of ZingChart do not work accordingly


Whenever I am setting height and width of ZingChart in percentage, so that it's compatible with all screen sizes, it has no effect.
Example: If I set 1% height and 1% width, nothing as such happens.
I am changing height and width as:
zingchart.render({
id : 'myChart',
data : myConfig,
height: '1%',
width: '1%'
});
You can view the complete code here:
http://jsfiddle.net/xbh2ap18/
ZingChart's height and width inherits from the parent container that you are attaching to. The actual chart is a child of myChart, so you will need to apply css to your container.
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>

Related Links

Overlay a background image onto the web page
WooCommerce - change price based on product_id, width and height
Susy gallery breaks height for display table and table-cell
Flex Slider full height and width without stretching
mPDF set Height for SetHTMLHeader
How to Set Height of PdfPTable in iTextSharp
Margin not showing with 100% width & height
KO Grid Scrollbars not visible & Display issues
Increase scrollview's element height on clicking it
Using soft keyboard on libgdx for iOS and Android (hides textview)
Fine-uploader - Scaling picture by height
Zurb foundation framework - 100% height grid
Dynamically expanding CollectionView : Height of the CollectionView itself (not the items) changing when adding new items
IE 11 bug, div with height > 1,533,917px display negative computed height and doesnt render
iText setMinimumHeight on splitted cell
Apply Document Height to a div using Jquery

Categories

HOME
cil
ipython
google-tag-manager
ruby-on-rails-3
vlc
wampserver
i2c
deeplearning4j
shipping
ipfs
finite-group-theory
informatica-powercenter
cratedb
typeahead
zoomcharts
saiku
kadanes-algorithm
cvs2svn
rails-activerecord
epicor
apple-tv
url.action
jquery-scrollify
myob
yosys
printdocument
compare-and-swap
branch
emv
image-quality
i3
superscript
spring-profiles
spring-insight
pljson
data-extraction
qtablewidget
npm-publish
freetts
sendgrid-templates
control-flow-graph
stereo-3d
paho
encapsulation
rapidweaver
python-hypothesis
lotus
settimeout
firepath
tomcat5
mongoskin
spinlock
asp.net-mvc-partialview
supportmapfragment
aerogear
cmocka
altbeacon
windows-vista
affix
findcontrol
uos
subversion-edge
jquery-autocomplete
vcl
em
ifft
cilk-plus
.net-cf-3.5
driver-signing
image-zoom
multiple-login
entity-framework-4.1
justgage
bulbs
mvccontrib
point-sprites
easygui
dcpu-16
ets
audiostreamer
chatroom
carbide
task-management
graniteds
dirty-data
weborb
database-diagramming
document-library

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App