gpt4 book ai didi

javascript - D3 : Can I get better performance when drawing and redrawing a series of rects?

转载 作者:行者123 更新时间:2023-11-30 17:36:05 25 4
gpt4 key购买 nike

我通过将矩形绑定(bind)到我的数据(时间和值),使用 d3 创建了一个线性热图:

heatmaps

每个热图可以包含数百个(在某些情况下数千个)<rect>元素。浏览器最初绘制它们没有问题,但当我使用 d3 轴沿着我的时间轴移动时(缩放行为和编程重绘),我在我的转换中发现了巨大的性能问题(一个已知的 SVG 缺点)。

有什么办法可以解决这个问题吗?会使用 <linearGradient>与相同数量的 <stop>元素改善事物?我需要使用 Canvas 而不是 SVG 吗?

谢谢!

最佳答案

linearGradient 可能无济于事,因为您仍然需要为每个停靠点提供一个 DOM 元素。 Canvas 听起来像是要走的路。

关于javascript - D3 : Can I get better performance when drawing and redrawing a series of rects?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22018355/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com