Datazen圖表建立和發布，datazen圖表建立

Datazen圖表建立和發布，datazen圖表建立


Datazen是被微軟收購的移動端全平台的資料展現解決方案。此篇主要介紹如何建立和發布圖表。

 

如前面介紹，Datazen圖表的建立和發布是通過Publisher的應用，它是Windows 8市集下的一個免費應用。也就是說，想要建立和發布圖表，你需要有一台Win8的電腦，或者一個Surface。

點擊Win8開始畫面，點擊市集搜尋Datazen。

有兩個搜尋結果是Datazen的，忽視並且鄙視另外那個。下面那個Publisher就是此篇提到的建立和發布圖表用的應用，第一個結果是查看圖表用的。

安裝Publisher。

安裝完畢後，進入應用，應用會提示輸入伺服器資訊。預設系統會串連Datazen的官方樣本，大家可以直接點進去體驗一下。這裡我直接部署在Azure上的Datazen伺服器。

Publisher是為標準觸控介面設計的，當然滑鼠也可以。按右鍵螢幕，可以看到下面的功能按鈕。

點擊Create按鈕，進入到建立新圖表介面。選擇左邊新建立一個圖表。

可以看到設計介面是基於網格設計的，在案頭下被劃分成10乘5的網格，從左側拖拽過來的圖表可以根據這些網格任意安排布局和大小。

左側是系統支援的圖表類型供我們選擇，頂端可以切換到資料檢視以及對圖表進行預覽。

從左側可以將Chart拖拽到圖表上。

拖拽其邊框可以定義其大小。

點擊Data View切換到資料檢視，可以看到先前配置的資料檢視，左側可以看到已經定義的Chart，右側為這些Chart配置針對這個資料檢視相應的資訊，主要是Chart裡的某些特性屬性對應到資料檢視上的哪一列。

設計完案頭視圖，點擊螢幕右上方的平台切換按鈕，可以切換到Tablet和手機視圖，點擊手機視圖。

可以看到針對手機介面的設計器。左側是剛剛在案頭端定義的Chart，右側是設計介面，跟案頭版不同，手機版是4乘6的網格，由於空間小了，所以可以選擇性的針對手機視圖進行定義。

雖然比較緊湊（有1520和Iphone 5 plus以及Note *的可以無視），但跟案頭視圖保持了一致。

點擊預覽按鈕，可以看到案頭版的預覽效果。

以及手機端的預覽效果。

回到設計檢視，右鍵點擊螢幕，點擊Publish to Server將圖表發布到伺服器。

填寫圖表資訊，第一次建立需要給圖表建立一個分組。

發布成功後，開啟市集裡的另外一個應用Viewer，配置同樣的串連資訊，就可以看到已經發布上來的圖表。

接下來看一下各平台的預覽效果。

第一張全家福，動用了手頭上的所有裝置，殘就殘在於手頭上的 Android裝置都是國行的，所以無法下載對應的應用，而Android的應用程式套件在網上現在還下載不到。

不過，可以在Android中用瀏覽器查看HTML5的版本，如，可以看到連psv都支援，這就是HTML5的魅力。