Heman Robinson，SAS JMP 首席软件开发人员
John Powell，SAS JMP 首席软件开发人员
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. 不支持功能的警告
图 4. 日志消息
如果不支持某项功能，报告的一部分将导出为静态图像。下图中，二维剖析器是交互式的。如日志消息所示，三维剖析器及其旁边的控件是静态的。
图 5. 交互式 2D 轮廓仪和静态 3D 轮廓仪
共享您的数据
JMP Interactive HTML 与桌面版 JMP 一样，通过将数据存储在内存中来实现交互。这意味着：图表中的数据嵌入在网页中。数据经过混淆，但任何有动机的黑客都可以读取。因此，最好假设当您共享 Interactive HTML 文件时，您也在共享数据。
另一种方法是使用静态 HTML（HTML 版本 4），它不嵌入任何数据。在“文件：另存为”对话框中，HTML4 被简单地标记为“HTML 文件”。HTML5 被标记为“带数据的交互式 HTML”，以强调交互性和数据共享。
图 6. 静态 HTML（HTML4）的“文件：另存为”对话框
图 7. 交互式 HTML（HTML5）的“文件：另存为”对话框
如何分享
我们通过将图像和数据嵌入一个文件中，使交互式 HTML 文件易于共享。虽然每个文件都被视为一个独立的网页，但无需将其放在 Web 服务器上即可共享。它可以像任何文件一样分发。但是，这些文件可能会变得很大，因此可能值得考虑制作多个副本的替代方案。将交互式 HTML 文件作为附件通过电子邮件发送看似简单，但每次转发电子邮件时都会创建一个副本。如果收件人尝试预览附件，也会令人失望。在许多情况下，预览会失败，因为电子邮件程序的预览功能通常不是现代或完整的网页查看器，无法显示我们的交互式 HTML 文件。
在公司内部共享交互式 HTML 文件的一个简单方法是将文件直接保存到共享网络位置，然后通过电子邮件将该位置发送给所需收件人。当您将网络路径复制到电子邮件中时，您的电子邮件程序可能会在电子邮件中插入超链接，因此收件人只需单击它即可在其默认浏览器中查看文件。
共享交互式 HTML 文件的另一种方法是使用云存储和文件共享服务 (Muchmore and Duffy, 2017)，例如 Dropbox、Google Drive 或 Microsoft OneDrive。借助这些服务，您可以将文件保存到计算机上的特定位置，然后文件会自动复制到云中。一旦进入云中，文件或文件目录就可以与他人共享。每项服务都有自己的共享机制，但它们通常会在云中创建文件的链接，并通过电子邮件将链接发送给一个或多个人。需要注意的是，这些服务还提供 HTML 文件预览，可能无法显示我们的交互式 HTML 文件。
编写报告脚本
可以使用 JMP 脚本语言 (JSL) (SAS, 2014) 自动创建交互式 HTML 报告。在下面的脚本中，“保存交互式 HTML”命令后跟“Web”命令。这将自动在您的默认 Web 浏览器中显示报告。
// 导出双变量拟合。
dt = 打开( “$SAMPLE_DATA/Big Class.jmp” ) ;
报告 = 双变量（Y（：体重），X（：身高），拟合线）；
报告<<保存交互式 HTML （“C:\Bivariate.html”）；
网页 （“C:\Bivariate.html”）；
JMP 13 的新功能
图形生成器
在 JMP 13 中，我们添加了对使用图形生成器创建的报告的支持。其中包括最常用的点、平滑器、椭圆、线条、条形图、面积、箱线图、直方图、热图、马赛克图、标题框和地图形状等功能。下图突出显示了这些图形生成器元素。
图 8. 图形生成器元素
仪表板支持
信息仪表板 (Few, 2013) 将相关信息组合在自定义布局中，以实现高效沟通。在 JMP 13 中，可以使用“文件：新建：仪表板”菜单或使用“窗口：合并窗口”菜单创建仪表板。
添加对 Graph Builder 的支持使我们能够在 JMP 13 中支持更多类型的仪表板。下面的第一个仪表板包含四个新的 Graph Builder 元素，说明了区域空气质量和温度。
此外，我们还改进了对交互式 HTML 中仪表板布局的支持。下图第二张图显示了一个仪表板，它使用高效的布局和选项卡控件来显示不同类型公司每位员工的利润。
图 9. 空气质量仪表板
图 10. 带有选项卡控件的仪表板
将多个报告保存为交互式 HTML
要快速将多份报告保存为交互式 HTML 并将它们组织成一份 Web 报告，请使用“查看：创建 Web 报告”。此菜单显示向导式界面，引导您完成组织过程，使您能够自定义排序、样式和图像。此工具用于创建http://www.jmp.com/jmphtml5/上的所有示例。
图 11. JMP“查看：创建 Web 报告”菜单。
还有几件事
多年来，客户要求提供许多功能。因此，除了上述功能外，我们还在 JMP 13 中增加了对以下功能的支持：
- 全新和改进的分析器
- 参考范围
- 值标签和值排序
- 固定和弹出提示中的图像
三个新的嵌入式分析器支持神经、广义回归和广义线性模型报告。此外，分析器还改进了对自适应 Y 轴、格式化 X 值、包装布局和混合设计的支持。
图 12. 采用包裹布局的广义回归刻画器
参考范围、值标签和值排序可使图表更具描述性。下图使用这些特征来说明一段时间内的结婚率和离婚率。
图 13. 结婚率和离婚率
固定和弹出提示中的图像可实现更有趣、更高效的展示和探索。下图显示了按行星与太阳距离绘制的行星信息。
图 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 。
Muchmore M. 和 Duffy J. (2017)“2017 年最佳云存储和文件共享服务”
( https://www.pcmag.com/roundup/306323/the-best-cloud-storage-providers-and-file-syncing-services )
SAS（2014 年）。JMP 11 脚本指南，第二版。SAS Institute Inc.
Stuetzle W. (1987).“绘图窗口”， 《美国统计协会杂志》， 82，466-475。
