javascript - dc.js/crossfilter 性能问题 12,000 多行 CSV 数据

Question

我在使用 dc.js 和 crossfilter 时遇到了一些性能问题。我正在创建一组图表，显示一些循环数据的不同维度(代码 here ，数据 here ，可查看 here )。图表会在一两秒后呈现，但主要的性能问题出现在单击任何图表时 - 过渡动画在延迟后有点“突然”，而且有点刺耳。我还注意到，仅删除页面顶部的空折线图会导致剩余的三个图表在过渡恢复正常时表现得更好。

我看过一些类似的问题，例如 this one ，但这似乎不一定适用，因为我不会一次拆分多个维度。 12,000 条记录是否接近 crossfilter 可以处理的上限？该文件只有大约 1.4 MB，所以在这个大小下会出现问题似乎有点令人惊讶，但也许所有这一切都表明我缺乏理解。当我感到困惑时，将不胜感激关于这方面的任何指示。感谢阅读。

Answer 1

通常这意味着某些东西正在减慢 Crossfilter 更新，导致浏览器卡住，直到大部分转换已经完成。

唯一让我印象深刻的是，您在 dayOfWeek 维度的访问器函数中有 2 个变量声明。最好在加载数据时预先定义该属性。

我看到的唯一另一个可能的问题是数据中的 Date 对象和基于它定义的维度。这些类型的复杂对象会使速度变慢(而且 d3.js 日期解析不是非常快)，但我不认为这会在 Chrome 分析器中显示为主要问题，所以我不认为认为这就是让你在这里放慢速度的原因。