本文檔為您介紹在空白畫布中添加并配置可視化應用組件的方法。
添加并配置地圖組件
- 登錄DataV控制臺。
在我的可視化頁面中，選擇已創建的可視化應用，單擊編輯。
在畫布左側全部資產欄，單擊地圖 > 3D平面地圖，將3D平面地圖組件添加到畫布中。
在畫布中單擊3D平面地圖組件，在右側的配置面板中刪除子組件管理中所有已經添加的子組件。
單擊子組件管理左側的+號，選擇od飛線層和單點柱狀層，單擊添加子組件。
單擊進入od飛線層子組件，在配置頁自定義修改飛線顏色和飛線線型，在數據頁將文中的od飛線層數據json文件數據復制粘貼到數據源編輯框中。
單擊進入單點柱狀層子組件，在配置頁自定義修改柱子高度和填充顏色，在數據頁將文中的單點柱狀層數據json文件數據復制粘貼到數據源編輯框中。
單擊進入3D平面地圖組件，進入沉浸模式，下鉆到北京市，并在配置頁自定義修改地圖樣式，數據頁保持不變。
配置完成效果，請參考下圖。
單點柱狀層數據json文件
[
{
"lng": "116.195445",
"lat": "39.914601",
"value": 62,
"sizeField": 62
},
{
"lng": "116.418757",
"lat": "39.917544",
"value": 33,
"sizeField": 33
},
{
"lng": "116.486409",
"lat": "39.921489",
"value": 90,
"sizeField": 90
},
{
"lng": "116.310316",
"lat": "39.956074",
"value": 93,
"sizeField": 93
},
{
"lng": "116.105381",
"lat": "39.937183",
"value": 80,
"sizeField": 80
},
{
"lng": "116.139157",
"lat": "39.735535",
"value": 26,
"sizeField": 26
},
{
"lng": "116.658603",
"lat": "39.902486",
"value": 48,
"sizeField": 48
},
{
"lng": "116.235906",
"lat": "40.218085",
"value": 8,
"sizeField": 8
},
{
"lng": "116.338033",
"lat": "39.728908",
"value": 35,
"sizeField": 35
},
{
"lng": "116.637122",
"lat": "40.324272",
"value": 61,
"sizeField": 61
},
{
"lng": "116.843352",
"lat": "40.377362",
"value": 73,
"sizeField": 73
},
{
"lng": "115.985006",
"lat": "40.465325",
"value": 11,
"sizeField": 11
},
{
"lng": "116.366794",
"lat": "39.915309",
"value": 78,
"sizeField": 78
},
{
"lng": "116.286968",
"lat": "39.863642",
"value": 5,
"sizeField": 5
},
{
"lng": "117.112335",
"lat": "40.144783",
"value": 59,
"sizeField": 59
},
{
"lng": "116.653525",
"lat": "40.128936",
"value": 61,
"sizeField": 61
}
]od飛線層數據json文件
[
{
"id": 1,
"name": "安徽省 -> 湖北省",
"value": 1,
"colorField": 5,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
117.1285001635342,
40.286711869544185
]
]
}
},
{
"id": 2,
"name": "安徽省 -> 北京市",
"value": 2,
"colorField": 2,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
115.7519689833273,
40.002091020646034
]
]
}
},
{
"id": 3,
"name": "安徽省 -> 天津市",
"value": 3,
"colorField": 2,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
115.91626782055476,
40.5443387995133
]
]
}
},
{
"id": 4,
"name": "安徽省 -> 河北省",
"value": 4,
"colorField": 3,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.51952384752327,
40.644585315977665
]
]
}
},
{
"id": 5,
"name": "安徽省 -> 山西省",
"value": 5,
"colorField": 3,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.47839783929638,
40.43816003796805
]
]
}
},
{
"id": 6,
"name": "安徽省 -> 內蒙古自治區",
"value": 6,
"colorField": 5,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
115.69399528036193,
39.66245367451081
]
]
}
},
{
"id": 7,
"name": "安徽省 -> 遼寧省",
"value": 7,
"colorField": 3,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
115.98377599532307,
40.19504929561505
]
]
}
},
{
"id": 8,
"name": "安徽省 -> 吉林省",
"value": 8,
"colorField": 3,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.57951643065338,
40.341010790596606
]
]
}
},
{
"id": 9,
"name": "安徽省 -> 黑龍江省",
"value": 9,
"colorField": 2,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.55654661333388,
40.074821016922925
]
]
}
},
{
"id": 10,
"name": "安徽省 -> 上海市",
"value": 10,
"colorField": 1,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.86359734638494,
39.7596709650833
]
]
}
},
{
"id": 11,
"name": "安徽省 -> 江蘇省",
"value": 11,
"colorField": 5,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.61045980391775,
39.70074233873841
]
]
}
},
{
"id": 12,
"name": "安徽省 -> 浙江省",
"value": 12,
"colorField": 5,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
117.21355379094511,
40.18274628786125
]
]
}
},
{
"id": 13,
"name": "安徽省 -> 福建省",
"value": 13,
"colorField": 2,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.30487066498964,
40.23332704297267
]
]
}
},
{
"id": 14,
"name": "安徽省 -> 江西省",
"value": 14,
"colorField": 4,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
117.01351979179523,
40.66620883108799
]
]
}
},
{
"id": 15,
"name": "安徽省 -> 山東省",
"value": 15,
"colorField": 5,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.08268993216632,
39.93839530883533
]
]
}
},
{
"id": 16,
"name": "安徽省 -> 河南省",
"value": 16,
"colorField": 3,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.43665750252885,
40.07952551044085
]
]
}
},
{
"id": 17,
"name": "安徽省 -> 湖南省",
"value": 17,
"colorField": 4,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
115.89038079638362,
39.9374523048615
]
]
}
},
{
"id": 18,
"name": "安徽省 -> 廣東省",
"value": 18,
"colorField": 2,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
117.48133808631756,
40.6647218759069
]
]
}
},
{
"id": 19,
"name": "安徽省 -> 廣西壯族自治區",
"value": 19,
"colorField": 3,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
117.17762041932534,
40.634776688869465
]
]
}
},
{
"id": 20,
"name": "安徽省 -> 海南省",
"value": 20,
"colorField": 1,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.34025030939655,
40.657178168906135
]
]
}
},
{
"id": 21,
"name": "安徽省 -> 重慶市",
"value": 21,
"colorField": 1,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
115.89619715899187,
39.66317788544864
]
]
}
},
{
"id": 22,
"name": "安徽省 -> 四川省",
"value": 22,
"colorField": 2,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
117.05211918995235,
40.140113961917216
]
]
}
},
{
"id": 23,
"name": "安徽省 -> 貴州省",
"value": 23,
"colorField": 2,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.03092185544594,
40.50575601945392
]
]
}
},
{
"id": 24,
"name": "安徽省 -> 云南省",
"value": 24,
"colorField": 1,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.96639592117228,
40.68231106582088
]
]
}
},
{
"id": 25,
"name": "安徽省 -> 西藏自治區",
"value": 25,
"colorField": 3,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.97818474847793,
40.226830979836485
]
]
}
},
{
"id": 26,
"name": "安徽省 -> 陜西省",
"value": 26,
"colorField": 5,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.2956005961121,
40.56807632268281
]
]
}
},
{
"id": 27,
"name": "安徽省 -> 甘肅省",
"value": 27,
"colorField": 2,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.77668095793256,
39.72400058808163
]
]
}
},
{
"id": 28,
"name": "安徽省 -> 青海省",
"value": 28,
"colorField": 5,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.18796219648927,
39.595414775489026
]
]
}
},
{
"id": 29,
"name": "安徽省 -> 寧夏回族自治區",
"value": 29,
"colorField": 5,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.70434407453467,
40.691157079628695
]
]
}
},
{
"id": 30,
"name": "安徽省 -> 新疆維吾爾自治區",
"value": 30,
"colorField": 1,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.25763113031263,
40.422435454548726
]
]
}
},
{
"id": 31,
"name": "安徽省 -> 臺灣省",
"value": 31,
"colorField": 3,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.27747200967026,
40.05904910139394
]
]
}
},
{
"id": 32,
"name": "安徽省 -> 香港特別行政區",
"value": 32,
"colorField": 3,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
115.75256914838864,
39.5545029608671
]
]
}
},
{
"id": 33,
"name": "安徽省 -> 澳門特別行政區",
"value": 33,
"colorField": 5,
"geometry": {
"type": "LineString",
"coordinates": [
[
116.405285,
39.904989
],
[
116.37269721224025,
39.86220465093939
]
]
}
}
]添加并配置業務指標趨勢
在畫布左側全部資產欄，單擊信息 > 業務指標趨勢，將組件添加到畫布中。
單擊組件，在可視化應用右側的配置面板中，根據效果圖配置底層面板中的標題、圖標和數值。
重復上述步驟，完成所有業務指標趨勢組件的配置。
添加并配置通用標題
在畫布左側全部資產欄，單擊信息 > 通用標題，將通用標題組件添加到畫布中。
單擊組件，在可視化應用右側的配置面板中，配置通用標題的樣式。
在通用標題的配置面板中，修改標題名即可。
重復以上操作，繼續添加其他的通用標題組件。
添加并配置數字翻牌器
在畫布左側全部資產欄，單擊信息 > 數字翻牌器組件。
單擊組件，在可視化應用右側的配置面板中，配置數字翻牌器的樣式。
在數字翻牌器的數據面板，將value值改成您需要顯示的數據。
重復以上操作，繼續添加其他的數字翻牌器組件。
添加并配置時間器
在畫布左側全部資產欄，單擊信息 > 時間器組件。
配置時間器的樣式，修改圖標樣式、時間器等配置。
添加并配置進度條
在畫布左側全部資產欄，單擊控件 > 數據類 > 進度條組件。
配置進度條的樣式，修改全局樣式、百分比條和數據等配置。
文檔內容是否對您有幫助？