产品文档

京东莫奈可视化平台

2023-12-08 09:28:10

中国2D

中国2D中目前支持添加:涟漪层、飞线层、区域热力层,支持配置地图的位置、颜色、鼠标交互事件等,能够多角度、多形式地渲染全国各城市地理位置的实时数据。

样式设置

001.png

中国2D组件样式设置包括通用设置,子组件管理,全局配置,区域设置,区域标签,交互样式,下钻设置。

子组件管理

新增子组件:点击子组件管理后的“+”
图标,弹出子组件窗口,选择一个子组件,即可完成子组件的添加;

002.png

删除子组件:鼠标悬停在子组件的名称上,出现删除按钮,点击即可删除子组件。

配置子组件:

点击子组件名称,进入子组件配置页面。

2d001.png

数据设置

该组件无数据设置

区域热力层

区域热力层是中国2D地图的子组件,支持独立的样式、数据和交互配置,包括区域的标注、颜色、边线、鼠标交互事件以及位置信息等,能够以热力区域的形式表现地理位置上的区域信息。

适用场景:在地图中通过赋予不同颜色以范围,展示某一自定义区域的数据。

样式设置

004.png

区域热力层的样式设置可以分为数据映射和和文本标注两部分。

数据映射:设置显示映射图标、拖拽手柄和图标文字。

其中图标类型可以选择连续型和分段型2种;

图标方向可以选择垂直或水平2种;

可以调整横纵坐标值来设置数据映射的具体位置;

设置最大值最小值热力区域的范围;

设置最大值、最小值颜色值和文本字号。

文本标注:可以设置文字在地图上的显示样式。

可以设置具体的文本字体字号颜色,也可以设置标注的规则。

{name}-{value}和数据设置中的字段匹配,如不想显示具体的数值可以去掉{value}。

006.png

具体样式设置预览效果如下:

005.jpg

数据设置

007.png

数据字段

在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。

目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。

当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。

数据格式

[
    {
        "name": "北京市", 
        "value": 100
    }, 
    {
        "name": "天津市", 
        "value": 60
    }, 
    {
        "name": "上海市", 
        "value": 50
    }, 
    {
        "name": "重庆市", 
        "value": 40
    }, 
    {
        "name": "广东省", 
        "value": 80
    }, 
    {
        "name": "黑龙江省", 
        "value": 10
    }, 
    {
        "name": "吉林省", 
        "value": 30
    }, 
    {
        "name": "辽宁省", 
        "value": 12
    }, 
    {
        "name": "内蒙古自治区", 
        "value": 23
    }, 
    {
        "name": "河北省", 
        "value": 21
    }, 
    {
        "name": "山西省", 
        "value": 41
    }, 
    {
        "name": "陕西省", 
        "value": 17
    }, 
    {
        "name": "山东省", 
        "value": 27
    }, 
    {
        "name": "河南省", 
        "value": 54
    }, 
    {
        "name": "江苏省", 
        "value": 67
    }, 
    {
        "name": "安徽省", 
        "value": 56
    }, 
    {
        "name": "浙江省", 
        "value": 78
    }, 
    {
        "name": "福建省", 
        "value": 41
    }, 
    {
        "name": "江西省", 
        "value": 28
    }, 
    {
        "name": "湖南省", 
        "value": 50
    }, 
    {
        "name": "广西壮族自治区", 
        "value": 10
    }, 
    {
        "name": "海南省", 
        "value": 8
    }, 
    {
        "name": "台湾省", 
        "value": 7
    }, 
    {
        "name": "云南省", 
        "value": 15
    }, 
    {
        "name": "贵州省", 
        "value": 66
    }, 
    {
        "name": "四川省", 
        "value": 59
    }, 
    {
        "name": "西藏自治区", 
        "value": 11
    }, 
    {
        "name": "新疆维吾尔自治区", 
        "value": 9
    }, 
    {
        "name": "青海省", 
        "value": 8
    }, 
    {
        "name": "甘肃省", 
        "value": 4
    }, 
    {
        "name": "宁夏回族自治区", 
        "value": 3
    }, 
    {
        "name": "香港特别行政区", 
        "value": 2
    }, 
    {
        "name": "澳门特别行政区", 
        "value": 14
    }, 
    {
        "name": "湖北省", 
        "value": 77
    }
]

飞线层

飞线层是基础平面地图的子组件,支持独立的样式和数据配置,能够以飞线的形式表现地理位置上两个点之间的OD数据

适用场景:可以用来展示两地之间的关联信息,如物流、交易等。

样式设置

008.png

飞线层的样式设置包含飞线样式、尾迹特效、首位标记、数据映射。

飞线样式包含线的粗细、样式、颜色、曲度;

尾迹特效包含形状、大小、长度、颜色、特效周期;

首位标记可以选择开始标记、结束标记和设置标记大小;

数据映射可以根据数值来调整飞线的颜色,包含最大值、最小值、最大值颜色、最小值颜色。

需要注意的是:如果开启了数据映射,那么将以数据映射中配置的样式为准;

数据设置

数据字段

009.png

飞线层的数据字段包括:from,to,fromName,toName,value,s

from:飞线的起点经纬度信息,需要将数据与图表进行映射;

to:飞线的终点经纬度信息,需要将数据与图表进行映射;

fromName:起点的地点名称,需要将数据与图表进行映射;

toName:终点的地点名称,需要将数据与图表进行映射;

value:飞线代表的值,需要将数据与图表进行映射;

tooltip:提示框内容,需要将数据与图表进行映射;

s:数据系列值,需要将数据与图表进行映射;

在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。

目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。

当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。

[
    {
        "from": "116.405285,39.904989", 
        "to": "126.642464,45.756967", 
        "s": "1", 
        "value": 2, 
        "fromName": "北京市", 
        "toName": "哈尔滨市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "121.472644,31.231706", 
        "s": "1", 
        "value": 4, 
        "fromName": "北京市", 
        "toName": "上海市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "114.298572,30.584355", 
        "s": "1", 
        "value": 3, 
        "fromName": "北京市", 
        "toName": "黄石市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "113.280637,23.125178", 
        "s": "1", 
        "value": 10, 
        "fromName": "北京市", 
        "toName": "广州市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "110.33119,20.031971", 
        "s": "1", 
        "value": 10, 
        "fromName": "北京市", 
        "toName": "三亚市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "104.065735,30.659462", 
        "s": "1", 
        "value": 5, 
        "fromName": "北京市", 
        "toName": "成都市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "102.712251,25.040609", 
        "s": "1", 
        "value": 9, 
        "fromName": "北京市", 
        "toName": "昆明市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "91.132212,29.660361", 
        "s": "1", 
        "value": 8, 
        "fromName": "北京市", 
        "toName": "拉萨市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "101.778916,36.623178", 
        "s": "1", 
        "value": 3, 
        "fromName": "北京市", 
        "toName": "西宁市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "87.617733,43.792818", 
        "s": "1", 
        "value": 1, 
        "fromName": "北京市", 
        "toName": "乌鲁木齐市"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "121.509062,25.044332", 
        "s": "1", 
        "value": 6, 
        "fromName": "北京市", 
        "toName": "台湾"
    }, 
    {
        "from": "116.405285,39.904989", 
        "to": "108.948024,34.263161", 
        "s": "2", 
        "value": 7, 
        "fromName": "北京市", 
        "toName": "西安市"
    }
]

涟漪层

涟漪层是基础平面地图的子组件,支持独立的样式和数据配置,能够以动态涟漪的形式表现地理位置上点的数据特效。

适用场景:以大小不同的涟漪样式来体现某地区或区域数据的大小。例如,借助大小不同的涟漪展现不同城市的人口数量。

样式设置

010.png

涟漪层的样式设置包含涟漪设置、大小设置、文本标书和和数据映射4种。

默认配置:可选择涟漪形状、涟漪颜色、动画时间和绘制方式;

大小设置:可以设置最小涟漪、最大涟漪的值,以及波纹大小;

文本标注:可以设置是否显示文本,选择文本的位置、标注规则、具体文本的字体字号颜色;

数据映射:设置最大值、最小值、最大值颜色、最小值颜色

需要注意的是:如果开启了数据映射,那么将以数据映射中配置的样式为准;

数据设置

数据字段

011.png

涟漪层的数据字段包括:lon,lat,value,s,name

lon:涟漪的起点经纬度信息,需要将数据与图表进行映射;

lat:涟漪的终点经纬度信息,需要将数据与图表进行映射;

value:涟漪代表的值,需要将数据与图表进行映射;

s:数据系列值,需要将数据与图表进行映射;

name:地点名称,需要将数据与图表进行映射

在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。

目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。

当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。

[
    {
        "name": "北京市", 
        "lat": 39.904989, 
        "lon": 116.405285, 
        "value": 5, 
        "s": "1"
    }, 
    {
        "name": "黑龙江省", 
        "lat": 45.756967, 
        "lon": 126.642464, 
        "value": 9, 
        "s": "1"
    }, 
    {
        "name": "上海市", 
        "lat": 31.231706, 
        "lon": 121.472644, 
        "value": 3, 
        "s": "1"
    }, 
    {
        "name": "广东省", 
        "lat": 23.125178, 
        "lon": 113.280637, 
        "value": 1, 
        "s": "1"
    }, 
    {
        "name": "海南省", 
        "lat": 20.031971, 
        "lon": 110.33119, 
        "value": 5, 
        "s": "1"
    }, 
    {
        "name": "四川省", 
        "lat": 30.659462, 
        "lon": 104.065735, 
        "value": 9, 
        "s": "1"
    }, 
    {
        "name": "湖北省", 
        "lat": 30.584355, 
        "lon": 114.298572, 
        "value": 4, 
        "s": "1"
    }, 
    {
        "name": "云南省", 
        "lat": 25.040609, 
        "lon": 102.712251, 
        "value": 5, 
        "s": "1"
    }, 
    {
        "name": "西藏自治区", 
        "lat": 29.660361, 
        "lon": 91.132212, 
        "value": 6, 
        "s": "1"
    }, 
    {
        "name": "陕西省", 
        "lat": 34.263161, 
        "lon": 108.948024, 
        "value": 7, 
        "s": "1"
    }, 
    {
        "name": "青海省", 
        "lat": 36.623178, 
        "lon": 101.778916, 
        "value": 10, 
        "s": "1"
    }, 
    {
        "name": "新疆维吾尔自治区", 
        "lat": 43.792818, 
        "lon": 87.617733, 
        "value": 10, 
        "s": "1"
    }, 
    {
        "name": "台湾省", 
        "lat": 25.044332, 
        "lon": 121.509062, 
        "value": 8, 
        "s": "1"
    }
]
文档反馈

开始与售前顾问沟通

可直接拨打电话 400-098-8505转1

我们的产品专家为您找到最合适的产品/解决⽅案

在线咨询 5*8⼩时

1v1线上咨询获取售前专业咨询

点击咨询
企微服务助手

专业产品顾问,随时随地沟通