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

java - Intellij Synchronizing output directories .. -

git - Initial Commit: "fatal: could not create leading directories of ..." -