nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

850019_zh-CN

liliconcom

在 JMP® 13 中共享交互式 Web 报告 - 最佳受邀论文

编者注：本篇论文被 2016 年 JMP Discovery 峰会的与会者评选为最佳邀请论文。

Heman Robinson 赫曼·罗宾逊 , JMP 首席软件开发人员, SAS

HTML 版本 5，或交互式 HTML，支持 JMP® 的许多探索性功能，包括点识别、链接和刷图（Becker 和 Cleveland，1987；Stuetzle，1987）。保存的报告可以上传到 Web 服务器、放置在共享文件夹中或通过电子邮件发送给同事。报告可在任何现代 Web 浏览器中查看。

JMP 版本 11 中引入了交互式 HTML，每个后续版本都会根据产品中的用途添加更多功能。JMP 13 增加了对 Graph Builder 最受欢迎功能的支持，以及客户要求的其他功能。

本文介绍了如何使用交互式 HTML 共享 JMP 结果以及 JMP 13 中的新功能。

图 1. 交互式 HTML 仪表板：钻石价格、克拉重量、颜色、净度、切工

历史

HTML，即超文本标记语言，是定义所有网页结构的技术（ http://www.w3.org/html/）（Berners-Lee，1989年）。HTML 与层叠样式表一起用于样式设置（ http://www.w3.org/Style/CSS/）（Meyer，2004年），与 JavaScript 一起用于编程（ http://www.ecmascript.org/）（Crockford，2008年）。

HTML 版本 4 对图形和交互的支持有限。从 2011 年左右开始，HTML 版本 5 开始支持画布元素中的图形，以及用于交互的滑块等新控件。

此时，对 Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) 和其他竞争技术的支持开始减少 (Goldman, 2011)。作为回应，JMP 与其他软件产品一样，开始将其技术从 Flash 迁移到 Interactive HTML。

在 JMP 11 中，交互式 HTML 支持表格和简单图形，包括散点图、直方图、线条、椭圆和箱线图。

在 JMP 12 中，添加了气泡图和刻画器，以及对平板电脑的支持。

在 JMP 13 中，交互式 HTML 支持 Graph Builder 最受欢迎的功能。我们还提供了客户要求的一系列小功能。

如何使用

保存 JMP 报告

要以 HTML5 格式保存 JMP 报告，请在 Windows 上选择“文件：另存为：”，或在 Mac 上选择“文件：导出”。保存类型为“带数据的交互式 HTML”。这将在指定目录中创建一个交互式 HTML 文件。

图 2. 交互式 HTML 的“文件：另存为”对话框

支持的浏览器

保存 HTML 文件后，您可以在任何现代 Web 浏览器中打开它。JMP 13 支持在以下设备和浏览器上使用交互式 HTML：

设备	支持的浏览器
视窗	IE 11、Edge、Chrome、Firefox、Opera
苹果	Safari、Chrome、Firefox、Opera
更多截屏	Safari、Chrome
安卓	铬合金
Kind Fire	丝绸

表 1. 支持的设备和浏览器

由于客户需求有限，我们不会在手机上测试交互式 HTML。但是，它在运行 Safari 或 Chrome 浏览器的手机上通常运行良好，因为这些手机浏览器与其平板电脑版本共享代码。性能因手机而异。

不支持的功能

交互式 HTML 支持 JMP 最常用的功能。如果您的报告包含不受支持的功能，您将在对话框中看到警告，并在 JMP 日志中看到更详细的消息，如下图所示。

图 3. 不支持功能的警告

12517_4. Log.png

图 4. 日志消息

如果不支持某项功能，则报告的一部分将导出为静态图像。下图中，二维剖析器是交互式的。如日志消息所示，三维剖析器是静态的。

12518_5. Fit Model.png

图 5. 交互式 2D 轮廓仪和静态 3D 轮廓仪

保护您的数据

JMP Interactive HTML 与桌面版 JMP 一样，通过将数据存储在内存中来实现交互。这意味着：图表中的数据嵌入在网页中。数据经过混淆，但任何有动机的黑客都可以读取。

似乎可以通过加密数据来减轻这种安全风险。但事实并非如此。数据必须可被 Web 浏览器读取。因此，加密数据需要解密密钥，并且可被 Web 浏览器读取 - 以及可被其他任何人读取。加密数据相当于为自己的房屋购买昂贵的防盗警报器，然后将钥匙放在垫子下面。

您可以通过匿名化数据来降低风险，例如创建没有名称或 ID 列的数据子集。自己创建这个子集是最安全的。但是，JMP 报告中未使用的列不会嵌入到交互式 HTML 文件中。因此，只要您不使用任何标识列作为标签或其他用途，您的数据就会自动匿名化。

另一种方法是使用静态 HTML（HTML 版本 4），它不嵌入任何数据。在“文件：另存为”对话框中，HTML4 被简单地标记为“HTML 文件”。HTML5 被标记为“带数据的交互式 HTML”，以强调交互性和安全性。

12519_6. HTML4.png

图 6. 静态 HTML（HTML4）的“文件：另存为”对话框

12520_7. HTML5.png

图 7. 交互式 HTML（HTML5）的“文件：另存为”对话框

编写报告脚本

可以使用 JMP 脚本语言 (JSL) (SAS, 2014) 自动创建交互式 HTML 报告。在下面的脚本中，“保存交互式 HTML”命令后跟“Web”命令。这将自动在您的默认 Web 浏览器中显示报告。

// 导出双变量拟合。

dt = 打开( “$SAMPLE_DATA/Big Class.jmp” ) ;

obj = 双变量（Y（：体重），X（：身高），拟合线）；

obj << 保存交互式 HTML( "C:\Bivariate.html" );

Web( “C:\Bivariate.html” )；

JMP 13 的新功能

图形生成器

在 JMP 13 中，我们添加了对使用图形生成器创建的报告的支持。其中包括最常用的点、平滑器、椭圆、线条、条形图、面积、箱线图、直方图、热图、马赛克图、标题框和地图形状等功能。下图突出显示了这些图形生成器元素。

12521_8. Elements.png

图 8. 图形生成器元素

仪表板支持

信息仪表板 (Few, 2013) 将相关信息组合在自定义布局中，以实现高效沟通。在 JMP 13 中，可以使用“文件：新建：仪表板”菜单或使用“窗口：合并窗口”菜单创建仪表板。

添加对 Graph Builder 的支持使我们能够在 JMP 13 中支持更多类型的仪表板。下面的第一个仪表板包含四个新的 Graph Builder 元素，说明了区域空气质量和温度。

此外，我们还改进了对交互式 HTML 中仪表板布局的支持。下图第二张图显示了一个仪表板，它使用高效的布局和选项卡控件来显示不同类型公司每位员工的利润。

12522_9. Dashboard.gif

图 9. 空气质量仪表板

12523_10. Tabs.png

图 10. 带有选项卡控件的仪表板

组织你的网页

如果您创建了许多 HTML 页面，则需要对它们进行组织。在 JMP 12 中，您可以使用 JMP 自动发布插件 (Valente、Brady 和 Kennedy，2014) 轻松组织您的页面。这提供了一种自动组织报告的方法，其中封面和缩略图链接到各个报告。您可以从 JMP 用户社区下载 JMP 自动发布插件，网址为https://community.jmp.com/docs/DOC-6689 。

在 JMP 13 中，自动发布插件已内置到产品中，位于“查看：创建 Web 报告”菜单下。此菜单显示向导式界面，引导您完成组织过程，使您能够自定义排序、样式和图像。此工具用于创建http://www.jmp.com/jmphtml5/上的所有示例。

12524_11. CreateWebReport.png

图 11. JMP“查看：创建 Web 报告”菜单。

还有几件事

多年来，客户要求提供许多功能。因此，除了上述功能外，我们还在 JMP 13 中增加了对以下功能的支持：

• 全新改进的分析器

• 参考范围

• 值标签和值排序

• 固定工具提示和悬停图片

三个新的嵌入式分析器支持神经、广义回归和广义线性模型报告。此外，分析器还改进了对自适应 Y 轴、格式化 X 值、包装布局和混合设计的支持。

12525_12. Profiler.png

图 12. 采用包裹布局的广义回归刻画器

参考范围、值标签和值排序可使图表更具描述性。下图使用这些特征来说明一段时间内的结婚率和离婚率。

12526_13. Ranges.png

图 13. 结婚率和离婚率

固定工具提示和悬停图片使展示和探索更加有趣和高效。下图显示了按行星与太阳距离绘制的行星信息。

12527_14. Hover Tips.png

图 14. 固定的工具提示和悬停图片

交互式示例

本文展示了许多静态图像，但这并不能替代与网页本身的交互。您可以在http://www.jmp.com/jmphtml5/探索 JMP Interactive HTML 的所有功能。

我们期待您的意见和建议，因为我们将继续开发 JMP 的部分。

图 15. JMP 13 交互式 HTML 示例，按“视图：创建 Web 报告”组织。

参考

Becker R. 和 Cleveland W. (1987)。“Brushing Scatterplots”， 技术计量学 ，127-142。

Berners-Lee T. (1989).“信息管理：一项提案”， 欧洲核子研究中心 。

Crockford D. (2008)。JavaScript ：优点。O'Reilly 。

Few S. (2013)。信息仪表板设计：显示一目了然的监控数据，第二版。Analytics Press。

Goldman D. (2011). “Adobe Flash 的末日即将来临”。CNN Money （ http://money.cnn.com/2011/11/10/technology/adobe_flash/ ）。

Meyer E. (2004)。层叠样式表：权威指南。O'Reilly 。

SAS（2014 年）。JMP 11 脚本指南，第二版。SAS Institute Inc.

Stuetzle W. (1987).“绘图窗口”， 《美国统计协会杂志》， 82，466-475。

Valente D.、Brady B. 和 Kennedy A. (2014)。“用于自动发布交互式 HTML 报告的 JMP 插件”， 2014 年 JMP 探索峰会 。

Comments

There are no comments yet