Javascript 如果我在服务器上预渲染d3js图表,如何计算它们的宽度/高度?

Javascript 如果我在服务器上预渲染d3js图表,如何计算它们的宽度/高度?,javascript,html,svg,d3.js,dimple.js,Javascript,Html,Svg,D3.js,Dimple.js,我有一个网站,它将大约7兆的json数据发送到客户机,在那里呈现d3(实际上是dimplejs)图表。该页面变得相当慢,在某些浏览器中根本无法工作 我正在考虑在服务器中呈现svg,而不是让客户端浏览器来完成。我已经看过一些关于这种技术的参考资料。但是,由于标签、条形图宽度和如此多的元素取决于图表的像素高度和宽度,并且这些尺寸在客户端浏览器呈现页面之前是未知的,因此人们如何处理这些问题 我通常不是一名web/前端开发人员,所以我不知道我是否遗漏了一些明显的东西,或者我的假设是否有误。最简单的事情是

我有一个网站,它将大约7兆的json数据发送到客户机,在那里呈现d3(实际上是dimplejs)图表。该页面变得相当慢,在某些浏览器中根本无法工作

我正在考虑在服务器中呈现svg,而不是让客户端浏览器来完成。我已经看过一些关于这种技术的参考资料。但是,由于标签、条形图宽度和如此多的元素取决于图表的像素高度和宽度,并且这些尺寸在客户端浏览器呈现页面之前是未知的,因此人们如何处理这些问题


我通常不是一名web/前端开发人员,所以我不知道我是否遗漏了一些明显的东西,或者我的假设是否有误。

最简单的事情是使用呈现的
并为其添加
视图框
属性。这允许您指定将
放置在父容器(例如
)中时,希望浏览器如何缩放/拉伸或裁剪

除此之外的任何事情——如有选择地缩放或重新定位文本、矩形或轴——只能通过“硬”方式实现;i、 e.代码对图表的语义有一定的了解,并以编程方式更改某些svg属性以响应容器大小


最后,这是一个长期的尝试:如果你完全控制了输出(我猜你没有,因为你使用的是酒窝),你可以尝试使用绝对单位和百分比单位的组合来调整大小和位置,取决于图表的像素高度和宽度,此高度/宽度是否取决于浏览器窗口的大小?