在 D3.js 中绘制 17K x 1K 数据点的热图的建议

Posted

技术标签:

【中文标题】在 D3.js 中绘制 17K x 1K 数据点的热图的建议【英文标题】:Suggestions for plotting heat map of 17K x 1K data points in D3.js 【发布时间】:2013-08-22 01:19:48 【问题描述】:

对每个数据点使用 SVG 矩形非常慢。请提出一些解决方法。

【问题讨论】:

【参考方案1】:

对于这样的数据,SVG 不是最优的。改用 Canvas 并像这样查找有关像素操作的信息:

What's the best way to set a single pixel in an html5 canvas?

【讨论】:

以上是关于在 D3.js 中绘制 17K x 1K 数据点的热图的建议的主要内容,如果未能解决你的问题,请参考以下文章

Javascript / D3.js - 绘制大型数据集 - 提高 d3.js 绘制的 svg 图表中的缩放和平移速度

D3.js 中的简单散点图示例?

D3.js 线段生成器 (V3版本)

D3.js 绘制散点图

D3.js 沿 x,y 坐标为圆设置动画

d3.js v4曲线图的拖拽功能实现Zoom