dc.js / crossfilter性能问题12,000+行CSV数据
我在使用dc.js和crossfilter时遇到了一些性能问题。 我创建了一组显示一些骑行数据的不同尺寸的图形(代码在这里,数据在这里,可以在这里查看)。 图表在几秒或两秒后呈现,但是当点击任何图表时会出现主要的性能问题 - 延迟后的过渡动画类型为“快照”,这有点刺耳。 我还注意到,仅仅删除页面顶部的空白折线图会导致其余三个图表在转换恢复正常时表现更好。
我已经看过一些类似的问题,但这并不一定适用,因为我一次不会分裂多个维度。 12,000条记录是否只是越过过滤器可以处理的最高端? 该文件只有大约1.4 MB,所以看起来有点令人惊讶,会有这样大的问题,但也许这一切都表明我缺乏理解。 我非常感谢这一个任何指针,因为我很难过。 谢谢阅读。
通常这意味着某些事情会放缓Crossfilter更新,导致浏览器冻结,直到大部分转换完成。
唯一突出的是我在你的dayOfWeek维度的accessor函数中有2个变量声明。 加载数据时预先定义该属性会更好。
我看到的唯一的其他可能的问题是数据中的Date对象和基于它定义的维度。 这些类型的复杂对象可能会使事情减慢很多(并且d3.js日期解析不是非常快),但是我没有看到在Chrome事件探查器中显示为主要问题,所以我没有认为这就是放慢你的速度的原因。
链接地址: http://www.djcxy.com/p/32687.html上一篇: dc.js / crossfilter performance issue 12,000+ rows of CSV data