1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
| import { commonConfig, displayOption } from 'data-room-ui/js/config'
| // import Icon from 'data-room-ui/assets/images/bigScreenIcon/export'
| import cloneDeep from 'lodash/cloneDeep'
| import Icon from 'data-room-ui/assets/images/bigScreenIcon/export'
| export const settingConfig = {
| padding: [30, 30, 50, 80],
| legend: false,
| isGroup: true,
| data: [],
| color: '',
| theme: 'dark',
| displayOption: {
| ...displayOption,
| params: {
| enable: true
| },
| headerField: {
| enable: false
| },
| mapField: {
| enable: false
| },
| flyMapField: {
| enable: true
| },
| metricField: {
| // 指标
| label: '维度',
| enable: false,
| multiple: false // 是否多选
| },
| dimensionField: {
| // 表格列
| label: '展示字段', // 维度/查询字段
| enable: false,
| multiple: false // 是否多选
| }
| }
| }
| const customConfig = {
| type: 'flyMap',
| root: {
| version: '2023071001',
| contribution: false,
| rotateX: 0,
| // 绕y轴旋转角度
| rotateY: 0,
| // 绕z轴旋转角度
| rotateZ: 0,
| // 透视距离
| perspective: 0,
| skewX: 0,
| skewY: 0
| },
|
| customize: {
| // 地图id
| mapId: '1',
| suguichuan:"333",
| // 是否显示文字
| mapName: false,
| // 文字颜色
| mapNameColor: '#fff',
| // 字体大小
| mapNameSize: 12,
| // 文字权重
| mapNameWeight: 500,
| // 悬浮框背景色
| tooltipBackgroundColor: '#0C121C',
| // 悬浮框边框色
| borderColor: 'rgba(0, 0, 0, 0.16)',
| // 悬浮框字体颜色
| fontColor:'#DADADA',
| // 打点图背景颜色
| scatterBackgroundColor: 'rgba(255,0,0,.7)',
| // 打点图文字颜色
| scatterColor: 'rgba(165, 108, 91, 1)',
| // 打点图中心点文字颜色
| scatterCenterColor:'rgba(205, 196, 110, 1)',
| // 分割线颜色
| mapLineColor: 'rgba(53, 86, 165, 1)',
| // 水印字体颜色
| fontGraphicColor: '#fff',
| fontSize:'30',
| // 是否开启下钻
| down: false,
| // 允许下钻的层级
| downLevel: 1,
| // 轨迹图像
| symbol: 'arrow',
| // 轨迹颜色
| symbolColor: '#01AAED',
| // 轨迹大小
| symbolSize:8,
| // 地图级别
| level: 1,
| // 范围
| scope: '中国',
| // 地图区域颜色
| areaColor: 'rgba(31, 50, 121, 1)',
| // 是否开启筛选
| visual: true,
| graphic:['中华人民共和国'],
| // 筛选范围
| range: [0, 100],
| scatterFormatter:'`<p style="text-align:center;font-size: 14px">${params.name}</p>`',
| // 格式化脚本
| lineFormatter:'`<p style="font-size: 16px">销售额</p><div>${params.data.msg.from}-->${params.data.msg.to} ${params.data.msg.value} </div>`',
| // 从上到下的颜色
| rangeColor: ['rgba(165, 108, 91, 1)', 'rgba(205, 196, 110, 1)'],
| // 地图数据
| dataMap: '中华人民共和国.json',
| // 展示字段
| value: '',
| // 横坐标
| xaxis: '',
| // 纵坐标
| yaxis: '',
| // 名称
| name: '',
| // 数据字段配置
| dataField: {
| // 起点名称
| fromName: '',
| // 起点经度
| fromLng: '',
| // 起点纬度
| fromLat: '',
| // 终点名称
| toName: '',
| // 终点经度
| toLng: '',
| // 终点纬度
| toLat: '',
| // 轨迹数据
| value: '',
| }
| }
| }
|
| export const dataConfig = {
| ...commonConfig(customConfig)
| }
|
| export const FlyMapData = {
| name: '飞线图',
| title: '飞线图',
| icon: Icon.getNameList()[18],
| border:{type:'',titleHeight:60,fontSize:16,isTitle:true,padding:[0,0,0,0]},
| className:
| 'com.sxlinks.modules.system.components.visual.ScreenFlyMapChart',
| w: 800,
| h: 700,
| x: 0,
| y: 0,
| type: 'flyMap',
| option: {
| ...cloneDeep(settingConfig)
| },
| setting: undefined, // 右侧面板自定义配置
| dataHandler: {}, // 数据自定义处理js脚本
| ...cloneDeep(dataConfig)
| }
|
|
