Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Canvas VS SVG在一个页面上显示600多个折线图_Canvas_Svg_D3.js - Fatal编程技术网

Canvas VS SVG在一个页面上显示600多个折线图

Canvas VS SVG在一个页面上显示600多个折线图,canvas,svg,d3.js,Canvas,Svg,D3.js,我非常感谢专家们的帮助 我正在尝试创建一个包含25个单元格的表的页面。 每个表格单元格应包含一个包含120个数据点的简单折线图 每个折线图都应该能够放大/缩小和平移 性能是关键问题。我应该使用什么技术?625画布还是SVG元素 如果您只需要缩放和平移每个表的图表,canvas可能会有更好的性能。如果使用SVG,则可以使用生成器;如果使用画布,则可能需要编写自己的生成器。使用SVG,您还可以在创建行之后修改行,甚至使用CSS自定义行。Canvas并不总是比SVG快,它取决于应用程序和目标平台。快速

我非常感谢专家们的帮助

我正在尝试创建一个包含25个单元格的表的页面。 每个表格单元格应包含一个包含120个数据点的简单折线图

每个折线图都应该能够放大/缩小和平移

性能是关键问题。我应该使用什么技术?625画布还是SVG元素


如果您只需要缩放和平移每个表的图表,canvas可能会有更好的性能。如果使用SVG,则可以使用生成器;如果使用画布,则可能需要编写自己的生成器。使用SVG,您还可以在创建行之后修改行,甚至使用CSS自定义行。Canvas并不总是比SVG快,它取决于应用程序和目标平台。快速的概念验证可能会帮助您做出决定

一张画布就可以了……这取决于每个图形的分辨率,如果您需要适应不同的设备,那么您可能需要查看一些关于压缩的想法。该论文的副本由@Ken主持,问题是表中的每个单元格都需要交互,它们需要被选中。每个折线图都需要单独的多个元素。@Chris,谢谢你的好文章。在我的例子中,数据点的数量将固定为120个数据点。25x25网格中的120个数据点是75000个数据项