Datazen圖表建立和釋出

哥本哈士奇(aspnetx)發表於2015-06-07

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的魅力。

相關文章