javascript - D3 visualization responsive to all screen sizes without scroll bar -


how can basic line graph fit on device screens without scroll bar appearing on screen? have included following 2 statements in code:

.attr("viewbox", "0 0 width height") .attr("preserveaspectratio", "xminymin meet") 

this has resolved horizontal scroll bar appear on screen still getting vertical scroll bar on laptop screen although works fine on desktop screen. axis disappears on screen zoom in zoom out.

here's jsfiddle.

just change css bit:

body  {    font: 12px arial;    padding:0;    margin:0;    position:absolute;    width:100%;    height:100%;    overflow:hidden } 

some of considered unnecessary. quickest , dirtiest add overflow:hidden


Comments

Popular posts from this blog

winapi - How to get a user input on a MessageBox on C++? -

parcelable - Unmarshalling unknown type code exception while reading parcel values in Android 4.4+ -