2

我需要在我们的基于 Web 的应用程序中显示一个大矩阵。矩阵尺寸约为。1000*1000 并且每个单元格都被填充或不填充。

基本上，它应该看起来像这样（大得多，没有颜色）： http: //mbostock.github.com/protovis/ex/matrix.html

我需要基本的交互，例如缩放和单击单元格。该矩阵很可能是一个稀疏矩阵。

我尝试过 Protovis，但如果矩阵大于 80*80，则渲染需要很长时间。

什么 Javascript 库可能适合这项任务？

4

3 回答 3

5

我会使用 HTML5 Canvas 进行快速绘图。（这个超级简单的演示在我的电脑上几秒钟就渲染出来了。）如果你想放大，你可以看到这个答案。

于 2012-02-22T23:32:51.167 回答
4

为了向用户显示一百万个项目，每个元素可能必须是单个像素的大小。

我只会使用画布。

于 2012-02-22T23:25:57.827 回答
1

您可以尝试 JavaScript 库 clustergrammer.js（请参阅https://github.com/cornhundred/clustergrammer.js）。它使用 D3.js 制作交互式（可缩放、可重新排序、可过滤等）可视化。它可以处理大约 100,000 个数据点，但是如果您的矩阵足够稀疏，那么您可以渲染大型矩阵。

这是用于可视化 6000x230 矩阵的 clustergrammer.js 示例http://amp.pharm.mssm.edu/clustergrammer/viz/568affd5b6541b84f3a68234

于 2016-01-05T18:15:05.143 回答