有没有办法优化svg的性能?

时间:2012-10-08 20:45:30

标签: javascript charts svg d3.js

我正在用d3.js制作一个应用程序,但是我开的很多数据和图形都太大了,这让我的浏览速度变慢了。

有人能告诉我什么是解决方案或前进的方法。

这是应用程序。 http://www.ingeniosolido.com/s2m2/prototype30/line_zoom_actual_30_interval.html

这是代码。 https://gist.github.com/3854943

2 个答案:

答案 0 :(得分:0)

您是否尝试删除一些(读取:大部分/全部)剪辑路径?不使用剪辑路径几乎总是更快(除非剪掉昂贵的区域,例如过滤器,不透明度,复杂几何等)。

看起来有点像你至少可以将一些剪辑移动到一个级别,在父级< g>上例如,元素。

此外,你链接到的svg并不真正符合大标记。

答案 1 :(得分:0)

看起来你并没有做很多特定于元素的交互。您可以考虑渲染到画布。请参阅:HTML5 canvas alternatives for d3.js, graph visualization library