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 Interactive 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。
