Svg 如何在D3JS中显示大量路径元素

Svg 如何在D3JS中显示大量路径元素,svg,path,d3.js,Svg,Path,D3.js,我用D3js在地图上显示所有的县数据。基本上,我使用所有县的Geo-json数据,并在d3js中为每个县创建路径。(类似于) 路径的数量大约是3000? 每次使用viewset函数重新缩放和变换所有路径时。这需要一些时间。我觉得这就是我的节目慢下来的原因 有更好的主意吗?就像不在屏幕外重新绘制路径一样?在这种情况下,元素的绝对数量很可能是问题所在。浏览器应该已经根据实际可见的内容和不可见的内容进行优化,因此明确这样做不太可能提高性能。您可以尝试简化数据,以降低路径的复杂性。过去,当将原始地理数据

我用D3js在地图上显示所有的县数据。基本上,我使用所有县的Geo-json数据,并在d3js中为每个县创建路径。(类似于)

路径的数量大约是3000? 每次使用viewset函数重新缩放和变换所有路径时。这需要一些时间。我觉得这就是我的节目慢下来的原因


有更好的主意吗?就像不在屏幕外重新绘制路径一样?

在这种情况下,元素的绝对数量很可能是问题所在。浏览器应该已经根据实际可见的内容和不可见的内容进行优化,因此明确这样做不太可能提高性能。您可以尝试简化数据,以降低路径的复杂性。过去,当将原始地理数据转换为KML/SVG时,我已经实现了一些方法,只需删除点即可进行一些优化。其他时候,我会在处理之前使用地理系统来降低多边形的复杂性。谢谢。在显示之前降低数据本身的复杂性似乎是一个好主意。您有没有研究过?它可以显著减少数据的大小。看看这个,这是一个大数据集放大和缩小的例子。谢谢。这真的很有帮助。