Javascript D3可视化响应所有屏幕大小,无需滚动条
如何在屏幕上不显示滚动条的情况下获得适合任何设备屏幕的基本线条图?我的代码中已经包含了以下两条语句:Javascript D3可视化响应所有屏幕大小,无需滚动条,javascript,css,d3.js,Javascript,Css,D3.js,如何在屏幕上不显示滚动条的情况下获得适合任何设备屏幕的基本线条图?我的代码中已经包含了以下两条语句: .attr("viewBox", "0 0 width height") .attr("preserveAspectRatio", "xMinYMin meet") 这解决了水平滚动条出现在屏幕上的问题,但我的笔记本电脑屏幕上仍然有一个垂直滚动条,尽管它在桌面屏幕上工作正常。 此外,轴在屏幕放大或缩小时消失 只需稍微更改一下css: body { font: 12px Arial;
.attr("viewBox", "0 0 width height")
.attr("preserveAspectRatio", "xMinYMin meet")
这解决了水平滚动条出现在屏幕上的问题,但我的笔记本电脑屏幕上仍然有一个垂直滚动条,尽管它在桌面屏幕上工作正常。
此外,轴在屏幕放大或缩小时消失
只需稍微更改一下css:
body
{
font: 12px Arial;
padding:0;
margin:0;
position:absolute;
width:100%;
height:100%;
overflow:hidden
}
其中一些可能被认为是不必要的。最快和最脏的方法就是添加溢出:隐藏,嘿…它在Chrome中工作得很好。但不是在Mozilla Firefox中!是否有实现所需输出的替代方法?