HTML5画布是否可以绘制潜在数千个数据点的数据？

Question

我正在使用ASP.Net图表绘制大量数据，可能有数万个数据点在单个图上。所有这些数据点都是可点击的，并通过非常繁重的HTML地图提供工具提示。它可以处理负载，但有时会对浏览器造成很大的负担。我想知道是否有更好的HTML5画布解决方案？

有通过HTML5画布绘制数据的工具吗？在每个数据点上保持悬停工具提示和点击事件的东西都是理想的。

Answer 1

画布可以根据需要处理尽可能多的数据点，原因很简单，一旦您在画布上绘制某些东西，它就会成为栅格图像的一部分，而不是保存为单独的数据片段。

但是，对于您的工具提示功能，您需要实现其他功能来确定鼠标点击画布中的哪个位置 - 即，您必须跟踪内存中的数据位置并实现点击功能它搜索该数据结构以确定要显示哪个工具提示。

许多人玩过使用D3方法（通常链接到DOM SVG元素），根据数据找出图形布局，然后将该布局绘制到画布上而不是添加到DOM。

Forum discussion here。