Data v 功能及使用介紹PPT

1、Data v 功能及使用,2017/3/21,1,2,Data v介紹,圖形化的搭建工具 多種場景模板 多種圖表組件 多種數(shù)據(jù)源接入 多分辨率適配與發(fā)布方式,2,2020/10/19,使用Data V可以快速制作一個美觀的大屏對大數(shù)據(jù)進(jìn)行分析和展示，如右圖為使用Data V制作的大屏,3,2020/10/19,Data v使用,創(chuàng)建數(shù)據(jù)源 新建可視化，創(chuàng)建大屏 編輯大屏 大屏發(fā)布,4,2020/10/19,添加數(shù)據(jù)源,如圖在大屏管理中點(diǎn)擊 我的數(shù)據(jù)添加數(shù)據(jù)會彈出一個框，選擇一種數(shù)據(jù)源類型，并填寫相關(guān)配置信息，完成后數(shù)據(jù)源就添加成功了,5,2020/10/19,數(shù)據(jù)源,如下,添加數(shù)據(jù)源,6,20

2、20/10/19,新建可視,新建可視化，創(chuàng)建大屏 在大屏管理中，點(diǎn)擊 我的可視化新建可視化,7,2020/10/19,創(chuàng)建大屏,創(chuàng)建可視化后彈出如右圖頁面，選擇一個模板創(chuàng)建大屏。,8,2020/10/19,編輯大屏,創(chuàng)建大屏后就可以進(jìn)入大屏編輯頁面如右圖,9,2020/10/19,下面我就以2D平面地圖組件為例 單擊“2D平面地圖”，在大屏上就可以看到如圖的一個2d平面地圖，右側(cè)為樣式和數(shù)據(jù)面板，可對地圖樣式進(jìn)行修改，添加數(shù)據(jù)。在右側(cè)樣式面板可看到，該地圖有3個子組件，點(diǎn)擊其前面的編輯按鈕可對其進(jìn)行編輯,10,2020/10/19,樣式面板,可修改呼吸氣泡層的樣式，如氣泡的大小，顏色等,11,

3、2020/10/19,數(shù)據(jù)面板,2D平面地圖的呼吸氣泡層需要配置數(shù)據(jù)，如右圖，初始地圖使用靜態(tài)數(shù)據(jù)，根據(jù)數(shù)據(jù)經(jīng)緯度在地圖上顯示如地圖上的黃色氣泡，下面我們將數(shù)據(jù)改為以數(shù)據(jù)庫為數(shù)據(jù)源。,12,2020/10/19,如圖數(shù)據(jù)源類型改為數(shù)據(jù)庫，選擇已經(jīng)添加為數(shù)據(jù)的數(shù)據(jù)庫，再編寫sql語句，sql語句的查詢結(jié)果要與靜態(tài)數(shù)據(jù)的結(jié)構(gòu)五一致，配置成功后你可以看到，上面的狀態(tài)都為配置成功。你可以看到地圖上的氣泡已經(jīng)產(chǎn)生變化。,13,2020/10/19,另外，點(diǎn)擊數(shù)據(jù)面板中的“查看數(shù)據(jù)響應(yīng)結(jié)果”，可以看到返回的數(shù)據(jù)結(jié)果，如右圖，若配置數(shù)據(jù)未成功，可以用這種方式查看返回結(jié)果的數(shù)據(jù)結(jié)構(gòu)是否正確,14,2020/1

4、0/19,這樣一個2D平面地圖的在屏就制作完成了，點(diǎn)擊大屏編輯頁面右上角的預(yù)覽，就可以看到大屏，如右圖,15,2020/10/19,在上面的大屏中我們，可以看到兩個 大的氣泡，但從數(shù)據(jù)上看我們知道應(yīng)該不止兩個，那是因?yàn)?，?dāng)前地圖的比例較小，所有氣泡都擠在了上個點(diǎn)上，如果要顯示更多的氣泡，就需要修改地圖的比例了。進(jìn)入編輯頁面的樣式面板，修改地圖縮放的值和地圖中心點(diǎn)的經(jīng)緯度。如右圖，這樣就能看到每個點(diǎn)的位置了。,16,2020/10/19,大屏發(fā)布,這樣一個簡單的大屏就完成了，大屏制作完成后要怎么放到我們的項(xiàng)目中去呢？要使用這個大屏我們就需要將它發(fā)布，在編輯頁面的右上角有一個發(fā)布按鈕，點(diǎn)擊后如右圖所示會生成一個鏈接地址（由于我使用的是基礎(chǔ)版本所以不能添加驗(yàn)證密碼），你需要記住該地址。使用這個地址就可以訪問這個大屏了。,17,2020/10/19,在上面我們使用了一個2D平面地圖組件制作了一個簡單的大屏。在使用Data v時我們可以根據(jù)自己的需要來添加不