Canvas VS SVG在一个页面上显示600多个折线图
我非常感谢专家们的帮助 我正在尝试创建一个包含25个单元格的表的页面。 每个表格单元格应包含一个包含120个数据点的简单折线图 每个折线图都应该能够放大/缩小和平移 性能是关键问题。我应该使用什么技术?625画布还是SVG元素Canvas VS SVG在一个页面上显示600多个折线图,canvas,svg,d3.js,Canvas,Svg,D3.js,我非常感谢专家们的帮助 我正在尝试创建一个包含25个单元格的表的页面。 每个表格单元格应包含一个包含120个数据点的简单折线图 每个折线图都应该能够放大/缩小和平移 性能是关键问题。我应该使用什么技术?625画布还是SVG元素 如果您只需要缩放和平移每个表的图表,canvas可能会有更好的性能。如果使用SVG,则可以使用生成器;如果使用画布,则可能需要编写自己的生成器。使用SVG,您还可以在创建行之后修改行,甚至使用CSS自定义行。Canvas并不总是比SVG快,它取决于应用程序和目标平台。快速
如果您只需要缩放和平移每个表的图表,canvas可能会有更好的性能。如果使用SVG,则可以使用生成器;如果使用画布,则可能需要编写自己的生成器。使用SVG,您还可以在创建行之后修改行,甚至使用CSS自定义行。Canvas并不总是比SVG快,它取决于应用程序和目标平台。快速的概念验证可能会帮助您做出决定 一张画布就可以了……这取决于每个图形的分辨率,如果您需要适应不同的设备,那么您可能需要查看一些关于压缩的想法。该论文的副本由@Ken主持,问题是表中的每个单元格都需要交互,它们需要被选中。每个折线图都需要单独的多个元素。@Chris,谢谢你的好文章。在我的例子中,数据点的数量将固定为120个数据点。25x25网格中的120个数据点是75000个数据项