Heman Robinson，SAS JMP 首席軟體開發人員
John Powell，SAS JMP 首席軟體開發人員
HTML 版本 5 或互動式 HTML 支援 JMP® 的許多探索性功能，包括點識別、連結和刷選（Becker 和 Cleveland，1987；Stuetzle，1987）。保存的報告可以上傳到網頁伺服器、放置在共用資料夾中、透過電子郵件發送給同事或在雲端儲存服務中共用。可以使用任何現代網頁瀏覽器查看報告。
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 遷移到互動式 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
|
|
蘋果
|
Safari、Chrome、Firefox、Opera
|
|
更多截圖
|
Safari、Chrome
|
|
安卓
|
鉻合金
|
|
Kind Fire
|
絲綢
|
表 1. 支援的設備和瀏覽器
由於客戶需求有限，我們不會在手機上測試互動式 HTML。但是，它通常在運行 Safari 或 Chrome 瀏覽器的手機上運行良好，因為這些手機瀏覽器與其平板電腦版本共享代碼。性能因手機不同而有所差異。
不支援的功能
互動式 HTML 支援 JMP 最常用的功能。如果您的報告包含不支援的功能，您將在對話方塊中看到一條警告，並在 JMP 日誌中看到更詳細的訊息，如下圖所示。
圖 3. 不支援功能的警告
圖 4. 日誌訊息
如果某個功能不受支持，報告的一部分將被匯出為靜態影像。下圖中，二維分析器是互動式的。如日誌訊息所示，三維分析器及其旁邊的控制項是靜態的。
圖 5. 互動式 2D 輪廓儀和靜態 3D 輪廓儀
共享您的數據
JMP Interactive HTML 與桌面上的 JMP 類似，透過將資料儲存在記憶體中實現互動。這意味著：圖表中的資料嵌入在網頁中。數據被混淆了，但任何有動機的駭客都可以讀取。因此，最好假設當您共用互動式 HTML 檔案時，您也在分享您的資料。
另一種方法是使用靜態 HTML（HTML 版本 4），它不會嵌入任何資料。在「檔案：另存為」對話方塊中，HTML4 被簡單標記為「HTML 檔案」。 HTML5 被標記為“具有資料的互動式 HTML”，以強調互動性和資料共享。
圖 6. 靜態 HTML（HTML4）的「檔案：另存為」對話框
圖 7. 互動式 HTML（HTML5）的「檔案：另存為」對話框
如何分享
透過在一個文件中嵌入圖像和數據，我們使互動式 HTML 文件易於共享。儘管每個文件都被視為一個獨立的網頁，但不需要在網站伺服器上提供它來共享。它可以像任何文件一樣進行分發。但是，這些文件可能會變得很大，因此可能值得考慮製作多個副本的替代方法。透過電子郵件將互動式 HTML 檔案作為附件發送看似簡單，但每次轉發電子郵件時都會建立一份副本。如果收件者嘗試預覽附件，也可能會感到失望。在許多情況下，預覽會失敗，因為電子郵件程式的預覽功能通常不是現代或完整的網頁檢視器，無法顯示我們的互動式 HTML 檔案。
在公司內部共享互動式 HTML 檔案的簡單方法是將檔案直接儲存到共用網路位置，然後透過電子郵件將該位置傳送給所需的收件者。當您將網頁路徑複製到電子郵件中時，您的電子郵件程式可能會在電子郵件中插入超鏈接，因此收件人只需單擊它即可在其預設瀏覽器中查看文件。
另一種共享互動式 HTML 檔案的方法是使用雲端儲存和檔案共用服務（Muchmore and Duffy，2017），如 Dropbox、Google Drive 或 Microsoft OneDrive。透過這些服務，您可以將其儲存到電腦上的特定位置，並且檔案會自動複製到雲端。一旦進入雲端，檔案或檔案目錄就可以與其他人共用。每項服務都有自己的共享機制，但它們通常會創建指向雲端中的文件的鏈接，然後透過電子郵件將該鏈接發送給一個或多個人。需要注意的是，這些服務還提供 HTML 檔案預覽，可能無法顯示我們的互動式 HTML 檔案。
編寫報告腳本
可以使用 JMP 腳本語言 (JSL) (SAS, 2014) 自動建立互動式 HTML 報表。在下面的腳本中，「儲存互動式 HTML」指令後面跟著「Web」指令。這會自動在您的預設網頁瀏覽器中顯示報告。
// 導出雙變數擬合。
dt = 開啟( “$SAMPLE_DATA/Big Class.jmp” ) ;
報告 = 雙變量（Y（：體重），X（：身高），擬合線）；
報告<<保存互動式 HTML （“C:\Bivariate.html”）；
網頁 （“C:\Bivariate.html”）；
JMP 13 的新功能
圖形產生器
在 JMP 13 中，我們增加了對使用 Graph Builder 建立的報告的支援。這包括最常用的點、平滑線、橢圓、線、條、面積、箱線圖、直方圖、熱圖、馬賽克圖、標題框和地圖形狀等功能。這些圖形生成器元素在下圖中突出顯示。
圖 8. 圖形產生器元素
儀表板支援
資訊儀表板（Few，2013）將相關資訊以自訂佈局組合在一起，以實現有效的溝通。在 JMP 13 中，可以使用「檔案：新建：儀表板」功能表或使用「視窗：合併視窗」功能表建立儀表板。
新增對 Graph Builder 的支援使我們能夠在 JMP 13 中支援更多類型的儀表板。下面的第一個儀表板包含四個新的 Graph Builder 元素，說明了區域空氣品質和溫度。
此外，我們也改進了對互動式 HTML 中儀表板佈局的支援。下圖第二張圖顯示的儀表板採用高效率的佈局和選項卡控制來顯示不同類型公司每位員工的利潤。
圖 9. 空氣品質儀表板
圖 10. 帶有選項卡控制項的儀表板
將多個報告儲存為互動式 HTML
若要快速將多份報告儲存為互動式 HTML 並將其組織成網頁報告，請使用「檢視：建立網頁報告」。此功能表顯示嚮導式的介面，引導您完成組織過程，使您能夠自訂排序、樣式和圖像。該工具用於建立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)。 “刷散點圖”， 技術計量學 ，127-142。
Berners-Lee T.（1989 年）。 “資訊管理：一項提案”， 歐洲核子研究中心 。
Crockford D.（2008 年）。 JavaScript：好的部分。奧萊利。
Few S.（2013 年）。資訊儀表板設計：顯示數據以供一目了然的監控，第二版。分析出版社。
Goldman D.（2011 年）。 「Adobe Flash 的末日即將來臨」。 美國有線電視新聞網財經 （ http://money.cnn.com/2011/11/10/technology/adobe_flash/ ）。
Meyer 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 研究所
Stuetzle W.（1987 年）。 “Plot Windows”，美國統計協會雜誌， 82，466-475。
