如何从仪表板报告中保存图表（JMeter）

Question

有一个如何生成JMeter报告的答案：How do I generate a Dashboard Report in jmeter?

还有一个问题没有被接受的答案Solution to save Jmeter Dashboard reports to Confluence。

虽然最终我现在需要将信息放入 Confluence，但我至少希望能够一张一张地复制图表/图形，但尽管在 Chrome 和 Firefox 中我都有保存图片的上下文菜单（'保存图片')，但是在两个浏览器中生成的图像看起来都是空的。如何将 HTML 报告中的图表保存到图像？

下面是一个 png 文件的 hexdump 的开始（它们都是 32Kb 大小）。

0000000 211   P   N   G  \r  \n 032  \n  \0  \0  \0  \r   I   H   D   R
0000010  \0  \0  \b 213  \0  \0 003      \b 006  \0  \0  \0   ?   ?   p
0000020  \n  \0  \0      \0   I   D   A   T   x   ^   ?   ?   A 001  \0
0000030  \0  \b 002   1   ?   _   ?       7 033   0   |   ?   s 004  \b
0000040 020       @ 200  \0 001 002 004  \b 020       @ 200  \0 001 002
0000050 004  \b 020       @ 200  \0 001 002 004  \b 020       @ 200  \0
0000060 001 002 031 201   e 222  \n   J 200  \0 001 002 004  \b 020    
0000070   @ 200  \0 001 002 004  \b 020       @ 200  \0 001 002 004  \b
0000080 020       @ 200  \0 001 002 004  \b 020       p   ?   " 236 200
0000090  \0 001 002 004  \b 020       @ 200  \0 001 002 004  \b 020 

Answer 1

图表不正常<img> 它们驻留在<canvas> 标签中

如果你真的想以这种方式继续，你可以找到你想要保存的 canvas 元素并在其上调用 toDataUrl() 函数，例如：

document.getElementById('responseTimesOverTime').getElementsByTagName('canvas')[0].toDataURL()

完成后，您将以data:image/png;base64,............... 文本的形式得到所谓的Data URL 作为输出。

如果您将此文本放入浏览器 URL 区域，图像将打开：

这将是可以保存的“真实”图像。

更简单的选择是使用像 BM.Sense 这样的服务，它可以从 .jtl 结果文件中生成 PDF 报告，可以通过 PDF Macro 添加到 Confluence 中

Answer 2

您可以使用JMeterPluginsCMD 从报告中生成图像

有用于从 JTL 文件生成图形的小型命令行实用程序。它的行为就像所有图表上的右键单击上下文菜单。该工具可以生成PNG

生成 PNG：

JMeterPluginsCMD.bat --generate-png test.png --input-jtl results.jtl --plugin-type ResponseTimesOverTime --width 800 --height 600

为了使用该插件生成图表，您很可能还需要安装 jpgc - Standard Set 插件和 graph-s 插件（在可用页面上的 JMeter 插件管理器中搜索 graph 并安装适合所需图表描述的内容)。

用于选择图形类型的参数--plugin-type 可能并不总是与 HTLM 报告中的图形名称使用相同的措辞，请参阅 JMeterPluginsCMD 页面上的参数列表以及自定义图形外观的参数列表。