接口数据易于理解，Apifox 的可视化响应功能帮你实现

当接口返回的响应数据结构非常复杂，充斥着嵌套的对象和数组，其中还可能包含着图片的 URL 时，如果要查找特定信息，你需要不断上下滚动 JSON 响应，试图找到所需的字段。这不仅让人恼火，还浪费了宝贵的时间。

Apifox 提供了一种可编程的方法，将复杂的 JSON 响应数据转化为直观的图形化界面，这极大地提高了数据查找的效率，改善了响应的可读性，减少了可能的错误。

例如，你可以将层级复杂的数据结构通过表格来呈现：

将 SVG 格式的图片转成 Base64 编码格式来呈现：

甚至是引入第三方库（如 Echarts、D3.js 等）直接展现图表：

实现思路

实现可视化响应的方式非常简单，在接口的「后置操作」中添加一个自定义脚本，然后通过 pm.visualizer.set() 函数传参即可，该函数语法如下：

pm.visualizer.set(template,data)

• template：必填。HTML 模版字符串， 这个字符串最终会被渲染在 下面， 你可以在 template 里面写  来加载外部 css 样式表， 或者通过       `pm.visualizer.set(template);

  其结果如下：

  

  总体来说，实现响应数据可视化的过程可以归结为三个简单的步骤：首先，获取接口数据；其次，添加 HTML 模板；最后，使用 pm.visualizer.set() 函数完成可视化操作。

  知识扩展：

  • 如何使用 Apifox 自动生成 API 接口文档 - 一份详细指南
  • 手把手教你用 Apifox 搞定 Mock API