Heman Robinson,JMP 首席软件开发人员,SAS
John Powell,JMP 首席软件开发人员,SAS
HTML 第 5 版或交互式 HTML 支持 JMP® 的许多探索性功能,包括点识别、链接和刷亮(Becker 和 Cleveland,1987 年;Stuetzle,1987 年)。 保存的报告可以上传到 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/ )(克罗克福德,2008 年)。
HTML 版本 4 在对图形和交互性的支持方面受到限制。 从 2011 年左右开始,HTML 版本 5 开始支持 canvas 元素中的图形,以及用于交互的滑块等新控件。
支持 Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) 和其他竞争技术大约在这个时候开始衰落 (Goldman, 2011)。 作为回应,JMP 与其他软件产品一样,开始将其技术从 Flash 迁移到 Interactive HTML。
在 JMP 11 中,交互式 HTML 支持表格和简单图形,包括散点图、直方图、折线图、椭圆图和箱线图。
在 JMP 12 中,添加了气泡图和刻画器,以及对平板电脑的支持。
在 JMP 13 中,交互式 HTML 支持图形生成器的最流行功能。 我们还提供了客户要求的一系列较小的功能。
如何使用它
保存 JMP 报表
要以 HTML5 格式保存 JMP 报告,请在 Windows 上选择“文件:另存为:”,或在 Mac 上选择“文件:导出”。 另存为类型“带数据的交互式 HTML”。 这将在指定目录中创建一个交互式 HTML 文件。
图 2。 交互式 HTML 的“文件:另存为”对话框
支持的浏览器
保存 HTML 文件后,您可以在任何现代网络浏览器中打开它。JMP 13 在以下设备和浏览器上支持交互式 HTML:
设备
|
支持的浏览器
|
视窗
|
IE 11、Edge、Chrome、Firefox、Opera
|
苹果
|
苹果浏览器、Chrome、火狐、歌剧
|
iPad
|
浏览器,铬
|
安卓
|
铬合金
|
点燃火
|
丝绸
|
表格1。 支持的设备和浏览器
由于客户需求有限,我们不在手机上测试交互式 HTML。 但是,它通常在运行 Safari 或 Chrome 浏览器的手机上运行良好,因为这些手机浏览器与其平板电脑版本共享代码。 性能因手机而异。
不支持的功能
交互式 HTML 支持 JMP 最常用的功能。 如果您的报表包含不受支持的特征,您将在对话框中看到警告,并在 JMP 日志中看到更详细的消息,如下图所示。

图 3。 不支持功能的警告
图 4。 日志消息
如果某个功能不受支持,您的部分报告将导出为静态图像。 在下图中,二维分析器是交互式的。 如日志消息所示,三维分析器及其旁边的控件是静态的。
图 5。 交互式 2D 分析器,带有静态 3D 分析器
共享您的数据
JMP 交互式 HTML 与桌面版 JMP 一样,通过将数据存储在内存中来实现交互。 这意味着:图表中的数据嵌入到网页中。 数据被混淆,但任何有动机的黑客都可以读取。 因此,最好假设当您共享 Interactive HTML 文件时,您也在共享您的数据。
另一种方法是使用不嵌入数据的静态 HTML(HTML 版本 4)。 在“文件:另存为”对话框中,HTML4 被简单地标记为“HTML 文件”。 HTML5 被标记为“带有数据的交互式 HTML”,以强调交互性和数据共享。
图 6。 静态 HTML (HTML4) 的“文件:另存为”对话框
图 7。 交互式 HTML (HTML5) 的“文件:另存为”对话框
如何分享
我们通过将图像和数据全部嵌入到一个文件中,使交互式 HTML 文件易于共享。 虽然每个文件都被认为是一个独立的网页,但它不需要在网络服务器上可用就可以共享它。 它可以像任何文件一样分发。 但是,这些文件可能会变得很大,因此可能值得考虑制作多个副本的替代方法。 将交互式 HTML 文件作为附件通过电子邮件发送似乎很简单,但每次转发电子邮件时都会创建一个副本。 如果收件人试图预览附件,也可能会令人失望。 在许多情况下,预览会失败,因为电子邮件程序的预览功能通常不是现代或完整的网页查看器,并且无法显示我们的交互式 HTML 文件。
在公司内共享交互式 HTML 文件的一种简单替代方法是将文件直接保存到共享网络位置并将该位置通过电子邮件发送给所需的收件人。 当您将网络路径复制到电子邮件中时,您的电子邮件程序可能会在电子邮件中插入一个超链接,因此收件人只需单击它即可在其默认浏览器中查看文件。
另一种共享交互式 HTML 文件的方法是使用云存储和文件共享服务(Muchmore 和 Duffy,2017 年),例如 Dropbox、Google Drive 或 Microsoft OneDrive。 使用这些服务,您可以将文件保存到计算机上的特定位置,文件会自动复制到云端。 一旦进入云端,文件或文件目录就可以与其他人共享。 每项服务都有自己的共享机制,但它们通常会创建指向云中文件的链接,并通过电子邮件将链接发送给一个或多个人。 需要注意的是,这些服务还提供 HTML 文件预览,可能无法显示我们的交互式 HTML 文件。
编写报告脚本
可以使用 JMP 脚本语言 (JSL)(SAS,2014)自动创建交互式 HTML 报告。 在下面的脚本中,“保存交互式 HTML”命令后跟“Web”命令。 这会自动在您的默认网络浏览器中显示报告。
// 导出双变量拟合。
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
report = Bivariate( Y( :weight ), X( :height ), Fit Line );
报告<<保存交互式 HTML ( "C:\Bivariate.html" );
网络( "C:\Bivariate.html" );
JMP 13 的新功能
图形生成器
在 JMP 13 中,我们添加了对使用图形生成器创建的报告的支持。 这包括点、平滑器、椭圆、线、条形图、区域、箱形图、直方图、热图、马赛克图、标题框和地图形状等最常用的功能。 这些 Graph Builder 元素在下图中突出显示。
图 8。 图形生成器元素
仪表板支持
信息仪表板(Few,2013 年)将相关信息组合在自定义布局中以实现高效沟通。 在 JMP 13 中,可以使用“文件:新建:仪表板”菜单或使用“窗口:合并窗口”菜单创建仪表板。
添加对 Graph Builder 的支持使我们能够在 JMP 13 中支持更多种类的仪表盘。 下面的第一个仪表板包含四个新的图形生成器元素,说明区域空气质量和温度。
此外,我们改进了对交互式 HTML 中仪表板布局的支持。 下面的第二张图显示了一个仪表板,该仪表板使用带有选项卡控件的高效布局来显示不同类型公司的每位员工的利润。
图 9。 空气质量仪表板
图 10。 带有选项卡控件的仪表板
将多个报告保存为交互式 HTML
要快速将多个报告保存为交互式 HTML 并将它们组织成一个 Web 报告,请使用“查看:创建 Web 报告”。 此菜单显示向导式界面,引导您完成组织过程,使您能够自定义排序、样式和图像。这个工具被用来创建我们所有的例子http://www.jmp.com/jmphtml5/ .
图 11。 JMP“查看:创建 Web 报告”菜单。
还有一些事情
多年来,客户要求提供许多功能。 因此,除了上述内容之外,我们还在 JMP 13 中添加了对以下内容的支持:
- 新的和改进的分析器
- 参考范围
- 价值标签和价值排序
- 固定和弹出提示中的图像
三个新的嵌入式分析器支持神经、广义回归和广义线性模型报告。 此外,分析器改进了对自适应 Y 轴、格式化 X 值、包裹布局和混合设计的支持。
图 12。 具有环绕布局的广义回归刻画器
参考范围、值标签和值排序可以生成更具描述性的图表。下图使用这些特征来说明一段时间内的结婚率和离婚率。
图 13。 结婚率和离婚率
固定图像和弹出提示可实现更愉快、更高效的演示和探索。下图显示了按行星与太阳的距离绘制的有关行星的信息。
图 14。 固定和弹出提示中的图像
互动范例
本文展示了许多静态图像,但这并不能替代与网页本身的交互。 您可以在以下位置探索 JMP Interactive HTML 的所有功能http://www.jmp.com/jmphtml5/ .
在我们继续开发 JMP 的一部分时,我们期待您的意见和建议。
图 15。JMP 13 交互式 HTML 示例,按“视图:创建 Web 报告”组织。
参考
贝克尔 R. 和克利夫兰 W. (1987)。 “刷散点图”,技术计量学, 127-142。
伯纳斯-李 T. (1989)。 “信息管理:一个提案”,欧洲核子研究中心.
克罗克福德 D. (2008)。 JavaScript:好的部分。 奥莱利。
很少S。 (2013)。 信息仪表板设计:展示数据,一目了然的监控, 第二版. 分析出版社。
高盛 D. (2011)。 “Adobe Flash 终结的开始”。 美国有线电视新闻网财经( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
迈耶 E。 (2004)。 级联样式表:权威指南。 奥莱利。
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 研究所
斯图茨尔 W. (1987)。 “绘制窗口”,美国统计协会杂志,82 , 466-475。