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
| import { commonConfig, displayOption } from 'data-room-ui/js/config'
| import Icon from 'data-room-ui/assets/images/bigScreenIcon/export'
| import cloneDeep from 'lodash/cloneDeep'
|
| 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: true
| },
| metricField: {
| // 指标
| label: '维度',
| enable: false,
| multiple: false // 是否多选
| },
| dimensionField: {
| // 表格列
| label: '展示字段', // 维度/查询字段
| enable: false,
| multiple: false // 是否多选
| }
| }
| }
| const customConfig = {
| type: 'map',
| root: {
| version: '2023071001',
| contribution: false,
| // 绕x轴旋转角度
| rotateX: 0,
| // 绕y轴旋转角度
| rotateY: 0,
| // 绕z轴旋转角度
| rotateZ: 0,
| // 透视距离
| perspective: 0,
| skewX: 0,
| skewY: 0
| },
| customize: {
| mapId: '2',
| // 缩放尺寸
| zoom: 1,
| center1: 50,
| center2: 50,
| // 是否显示文字
| mapName: true,
| // 文字颜色
| mapNameColor: '#fff',
| // 文字大小
| mapNameSize: 8,
| // 文字权重
| mapNameWeight: 500,
| // 地图背景色
| backgroundColor: 'rgb(0,0,0,0)',
| // 是否打点
| scatter: true,
| // 悬浮框背景色
| tooltipBackgroundColor: '#0C121C',
| // 悬浮框边框色
| borderColor: 'rgba(0, 0, 0, 0.16)',
| // 悬浮框数值标题
| tooltipTitle: 'GDP',
| // 点颜色
| scatterBackgroundColor: 'rgba(255,0,0,.7)',
| // 显示点文字
| showScatterValue: true,
| // 点文字颜色
| scatterColor: '#fff',
| // 点形状
| scatterSymbol: 'circle',
| // 点大小
| scatterSize: 40,
| // 分割线颜色
| mapLineColor: 'rgba(53, 86, 165, 1)',
| fontGraphicColor: '#fff',
| fontSize: '30',
| // 是否开启下钻
| down: true,
| // 允许下钻的层级
| downLevel: 1,
| // 地图级别
| level: '2',
| // 范围
| scope: '中国',
| // 地图区域颜色
| areaColor: 'rgba(31, 50, 121, 1)',
| // 地图区域悬浮颜色
| emphasisColor: '#389BB7',
| // 是否开启筛选
| visual: false,
| // 筛选范围
| range: [0, 6000],
| // 从上到下的颜色
| rangeColor: ['#007aff', '#A5CC82'],
| // 地图数据
| dataMap: '中华人民共和国.json',
| // 展示字段
| value: '',
| // 横坐标
| xaxis: '',
| // 纵坐标
| yaxis: '',
| // 名称
| name: ''
|
| }
| }
|
| export const dataConfig = {
| ...commonConfig(customConfig)
| }
|
| export const mapData = {
| name: '地图',
| title: '地图',
| icon: Icon.getNameList()[5],
| border: { type: '', titleHeight: 60, fontSize: 16, isTitle: true, padding: [0, 0, 0, 0] },
| className:
| 'com.sxlinks.modules.system.components.visual.ScreenMapChart',
| w: 800,
| h: 700,
| x: 0,
| y: 0,
| type: 'map',
| option: {
| ...cloneDeep(settingConfig)
| },
| setting: undefined, // 右侧面板自定义配置
| dataHandler: {}, // 数据自定义处理js脚本
| ...cloneDeep(dataConfig)
| }
|
|
