服务器之家

服务器之家 > 正文

详解如何使用Pyecharts制作Map3D

时间:2021-12-05 19:26     来源/作者:Mr数据杨

基本设置

?
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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
class map3d(
    # 初始化配置项,参考 `global_options.initopts`
    init_opts: opts.initopts = opts.initopts()
)
 
def add(
    # 系列名称,用于 tooltip 的显示,legend 的图例筛选。
    series_name: str,
 
    # 数据项 (坐标点名称,坐标点值)
    data_pair: types.sequence,
 
    # 叠加图的类型(目前只支持 bar3d,line3d,lines3d,scatter3d)
    type_: charttype = none,
 
    # 地图类型,具体参考 pyecharts.datasets.map_filenames.json 文件
    maptype: str = "china",
 
    # 是否选中图例
    is_selected: bool = true,
 
    # 是否显示标记图形
    is_map_symbol_show: bool = true,
 
    # 使用的 grid3d 组件的索引。默认使用第一个 grid3d 组件。
    grid_3d_index: types.numeric = 0,
 
    # 坐标轴使用的 geo3d 组件的索引。默认使用第一个 geo3d 组件。
    geo_3d_index: types.numeric = 0,
 
    # 坐标轴使用的 globe 组件的索引。默认使用第一个 globe 组件。
    globe_index: types.numeric = 0,
 
    # 仅在 bar3d 下起作用
    # 设置柱子的大小
    bar_size: types.optional[types.numeric] = none,
 
    # 仅在 bar3d 下起作用
    # 柱子的倒角尺寸。支持设置为从 0 到 1 的值。默认为 0,即没有倒角。
    bevel_size: types.numeric = 0,
 
    # 仅在 bar3d 下起作用
    # 柱子倒角的光滑/圆润度,数值越大越光滑/圆润。
    bevel_smoothness: types.numeric = 2,
 
    # 仅在 bar3d 下起作用
    # 柱状图堆叠,相同 stack 值的柱状图系列数据会有叠加。
    # 注意不同系列需要叠加的数据项在数组中的索引必须是一样的。
    stack: types.optional[str] = none,
 
    # 仅在 bar3d 下起作用
    # 最小柱子高度。
    min_height: types.numeric = 2,
 
    # 仅在 scatter3d 起作用;
    # 散点的形状。默认为圆形。
    # echarts 提供的标记类型包括 'circle', 'rect', 'roundrect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
    # 可以通过 'path://' 将图标设置为任意的矢量路径。
    # 这种方式相比于使用图片的方式,不用担心因为缩放而产生锯齿或模糊,而且可以设置为任意颜色。
    # 路径图形会自适应调整为合适(如果是 symbol 的话就是 symbolsize)的大小。
    symbol: str = "circle",
 
    # 仅在 scatter3d 起作用;
    # 标记的大小,可以设置成诸如 10 这样单一的数字,也可以用数组分开表示宽和高,例如 [20, 10] 表示标记宽为20,高为10。
    symbol_size: types.union[types.numeric, types.sequence, types.jsfunc] = 10,
 
    # 混合模式,目前支持'source-over','lighter'。
    # 默认使用的'source-over'是通过 alpha 混合。
    # 而'lighter'是叠加模式,该模式可以让数据集中的区域因为叠加而产生高亮的效果。
    blend_mode: str = "source-over",
 
    # 仅在 lines3d 起作用
    # 是否是多段线。
    # 默认为 false,只能用于绘制只有两个端点的线段(表现为被赛尔曲线)。
    # 如果该配置项为 true,则可以在 data.coords 中设置多于 2 个的顶点用来绘制多段线,在绘制路线轨迹的时候比较有用。
    is_polyline: bool = false,
 
    # 仅在 lines3d 起作用
    # 飞线的尾迹特效,参考 `series_options.line3deffectopts`
    effect: types.lines3deffect = none,
 
    # 仅在 line3d,lines3d 起作用
    # 飞线的线条样式,参考 `series_options.linestyleopts`
    linestyle_opts: types.linestyle = opts.linestyleopts(),
 
    # 仅在 scatter3d,bar3d,map3d 起作用
    # 标签配置项,参考 `series_options.labelopts`
    label_opts: types.label = opts.labelopts(),
 
    # 提示框组件配置项,参考 `series_options.tooltipopts`
    tooltip_opts: types.tooltip = none,
 
    # 仅在 scatter3d,bar3d,map3d 起作用
    # 图元样式配置项,参考 `series_options.itemstyleopts`
    itemstyle_opts: types.itemstyle = none,
 
    # 仅在 scatter3d,bar3d,map3d 起作用
    # 高亮标签配置项,参考 `series_options.labelopts`
    emphasis_label_opts: types.label = none,
 
    # 仅在 scatter3d,bar3d,map3d 起作用
    # 高亮图元样式配置项,参考 `series_options.itemstyleopts`
    emphasis_itemstyle_opts: types.itemstyle = none,
 
    # 三维地图中三维图形的着色效果。echarts-gl 中支持下面三种着色方式:
    # color: 只显示颜色,不受光照等其它因素的影响。
    # lambert: 通过经典的 lambert 着色表现光照带来的明暗。
    # realistic: 真实感渲染,配合 light.ambientcubemap 和 posteffect 使用可以让展示的画面效果和质感有质的提升。
    # echarts gl 中使用了基于物理的渲染(pbr) 来表现真实感材质。
    shading: types.optional[str] = none,
 
    # 真实感材质相关的配置项,在 shading 为'realistic'时有效。
    realistic_material_opts: types.optional[types.map3drealisticmaterial] = none,
 
    # lambert 材质相关的配置项,在 shading 为'lambert'时有效。
    lambert_material_opts: types.optional[types.map3dlambertmaterial] = none,
 
    # color 材质相关的配置项,在 shading 为'color'时有效。
    color_material_opts: types.optional[types.map3dcolormaterial] = none,
 
    # 组件所在的层。
    zlevel: types.numeric = -10,
 
    # 图形是否不响应和触发鼠标事件,默认为 false,即响应和触发鼠标事件。
    is_silent: bool = false,
 
    # 是否开启动画。
    is_animation: bool = true,
 
    # 过渡动画的时长。
    animation_duration_update: types.numeric = 100,
 
    # 过渡动画的缓动效果。
    animation_easing_update: types.numeric = "cubicout",
)
 
def add_schema(
    # 地图类型,具体参考 pyecharts.datasets.map_filenames.json 文件
    maptype: str = "china",
 
    # 名称
    name: types.optional[str] = none,
 
    # 三维地理坐标系组件在三维场景中的宽度。
    # 具体图示在此: https://www.echartsjs.com/zh/documents/asset/gl/img/geo-size.png
    box_width: types.optional[types.numeric] = 100,
 
    # 三维地理坐标系组件在三维场景中的高度。
    # 组件高度。这个高度包含三维地图上的柱状图、散点图的高度。
    box_height: types.optional[types.numeric] = 10,
 
    # 三维地理坐标系组件在三维场景中的深度。
    # 组件深度默认自动,保证三维组件的显示比例跟输入的 geojson 的比例相同。
    box_depth: types.optional[types.numeric] = none,
 
    # 三维地图每个区域的高度。这个高度是模型的高度,小于 boxheight。
    # boxheight - regionheight 这一片区域会被用于三维柱状图,散点图等的展示。
    region_height: types.optional[types.numeric] = 3,
 
    # 环境贴图。支持纯色、渐变色、全景贴图的 url。
    # 默认为 'auto',在配置有 light.ambientcubemap.texture 的时候会使用该纹理作为环境贴图。
    # 否则则不显示环境贴图。
    # 示例:
    #  // 配置为全景贴图
    #  environment: 'asset/starfield.jpg'
    #  // 配置为纯黑色的背景
    #  environment: '#000'
    #  // 配置为垂直渐变的背景
    #  environment: new echarts.graphic.lineargradient(0, 0, 0, 1, [{
    #    offset: 0, color: '#00aaff' // 天空颜色
    #  }, {
    #    offset: 0.7, color: '#998866' // 地面颜色
    #  }, {
    #    offset: 1, color: '#998866' // 地面颜色
    #  }], false)
    environment: types.optional[types.jsfunc] = none,
 
    # 是否显示地面。
    # 地面可以让整个组件有个“摆放”的地方,从而使整个场景看起来更真实,更有模型感。
    is_show_ground: bool = false,
 
    # 地面颜色。
    ground_color: str = "#aaa",
 
    # instancing会将 geojson 中所有的 geometry 合并成一个
    # 在 geojson 拥有特别多(上千)的 geometry 时可以有效提升绘制效率。
    is_instancing: bool = false,
 
    # map3d 的 label 设置
    map3d_label: types.map3dlabel = none,
 
    # 图元样式配置项,参考 `series_options.itemstyleopts`
    itemstyle_opts: types.itemstyle = none,
 
    # 高亮标签配置项,参考 `series_options.labelopts`
    emphasis_label_opts: types.label = none,
 
    # 高亮图元样式配置项,参考 `series_options.itemstyleopts`
    emphasis_itemstyle_opts: types.itemstyle = none,
 
    # 三维地理坐标系组件中三维图形的着色效果。echarts-gl 中支持下面三种着色方式:
    # color: 只显示颜色,不受光照等其它因素的影响。
    # lambert: 通过经典的 lambert 着色表现光照带来的明暗。
    # realistic: 真实感渲染,配合 light.ambientcubemap 和 posteffect 使用可以让展示的画面效果和质感有质的提升。
    # echarts gl 中使用了基于物理的渲染(pbr) 来表现真实感材质。
    shading: types.optional[str] = none,
 
    # 真实感材质相关的配置项,在 shading 为'realistic'时有效。
    realistic_material_opts: types.optional[types.map3drealisticmaterial] = none,
 
    # lambert 材质相关的配置项,在 shading 为'lambert'时有效。
    lambert_material_opts: types.optional[types.map3dlambertmaterial] = none,
 
    # color 材质相关的配置项,在 shading 为'color'时有效。
    color_material_opts: types.optional[types.map3dcolormaterial] = none,
 
    # 光照相关的设置。在 shading 为 'color' 的时候无效。
    # 光照的设置会影响到组件以及组件所在坐标系上的所有图表。
    # 合理的光照设置能够让整个场景的明暗变得更丰富,更有层次。
    light_opts: types.optional[types.map3dlight] = none,
 
    # 后处理特效的相关配置。后处理特效可以为画面添加高光、景深、环境光遮蔽(ssao)、调色等效果。可以让整个画面更富有质感。
    post_effect_opts: types.optional[types.map3dposteffect] = none,
 
    # 是否开启分帧超采样。默认在开启 posteffect 后也会同步开启。
    is_enable_super_sampling: types.union[str, bool] = "auto",
 
    # viewcontrol用于鼠标的旋转,缩放等视角控制。
    view_control_opts: types.optional[types.map3dviewcontrol] = none,
 
    # 组件所在的层。
    zlevel: types.optional[types.numeric] = -10,
 
    # 组件的视图离容器左侧的距离。
    # left 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,
    # 也可以是 'left', 'center', 'right'。
    # 如果 left 的值为'left', 'center', 'right',组件会根据相应的位置自动对齐。
    pos_left: types.union[types.numeric, str] = "auto",
 
    # 组件的视图离容器上侧的距离。
    pos_top: types.union[types.numeric, str] = "auto",
 
    # 组件的视图离容器右侧的距离。
    pos_right: types.union[types.numeric, str] = "auto",
 
    # 组件的视图离容器下侧的距离。
    pos_bottom: types.union[types.numeric, str] = "auto",
 
    # 组件的视图宽度。
    pos_width: types.union[types.numeric, str] = "auto",
 
    # 组件的视图高度。
    pos_height: types.union[types.numeric, str] = "auto",
)
 
class map3dlabelopts(
    # 是否显示标签。
    is_show: bool = true,
 
    # 标签距离图形的距离,在三维的散点图中这个距离是屏幕空间的像素值,其它图中这个距离是相对的三维距离。
    distance: numeric = none,
 
    # 标签内容格式器,支持字符串模板和回调函数两种形式,字符串模板与回调函数返回的字符串均支持用 \n 换行。
    # 模板变量有:
    # {a}:系列名。
    # {b}:数据名。
    # {c}:数据值。
    formatter: optional[jsfunc] = none,
 
    # 标签的字体样式。
    text_style: union[textstyleopts, dict, none] = none,
)
 
class map3drealisticmaterialopts(
    # 材质细节的纹理贴图。
    detail_texture: optional[jsfunc] = none,
 
    # 材质细节纹理的平铺。默认为1,也就是拉伸填满。大于 1 的时候,数字表示纹理平铺重复的次数。
    # 注: 使用平铺需要 detailtexture 的高宽是 2 的 n 次方。例如 512x512,如果是 200x200 的纹理无法使用平铺。
    texture_tiling: numeric = 1,
 
    # 材质细节纹理的位移。
    texture_offset: numeric = 0,
 
    # roughness 属性用于表示材质的粗糙度,0为完全光滑,1完全粗糙,中间的值则是介于这两者之间。
    roughness: numeric = 0.5,
 
    # metalness属性用于表示材质是金属还是非金属,0为非金属,1为金属,中间的值则是介于这两者之间。
    # 通常设成0和1就能满足大部分场景了。
    metalness: numeric = 0,
 
    # 粗糙度调整,在使用粗糙度贴图的时候有用。可以对贴图整体的粗糙度进行调整。
    # 默认为 0.5,0的时候为完全光滑,1的时候为完全粗糙。
    roughness_adjust: numeric = 0.5,
 
    # 金属度调整,在使用金属度贴图的时候有用。可以对贴图整体的金属度进行调整。
    # 默认为 0.5,0的时候为非金属,1的时候为金属。
    metalness_adjust: numeric = 0.5,
 
    # 材质细节的法线贴图。
    # 使用法线贴图可以在较少的顶点下依然表现出物体表面丰富的明暗细节。
    normal_texture: optional[jsfunc] = none,
)
 
 
class map3dlambertmaterialopts(
    # 材质细节的纹理贴图。
    detail_texture: optional[jsfunc] = none,
 
    # 材质细节纹理的平铺。默认为1,也就是拉伸填满。大于 1 的时候,数字表示纹理平铺重复的次数。
    # 注: 使用平铺需要 detailtexture 的高宽是 2 的 n 次方。例如 512x512,如果是 200x200 的纹理无法使用平铺。
    texture_tiling: numeric = 1,
 
    # 材质细节纹理的位移。
    texture_offset: numeric = 0,
)
 
class map3dcolormaterialopts(
    # 材质细节的纹理贴图。
    detail_texture: optional[jsfunc] = none,
 
    # 材质细节纹理的平铺。默认为1,也就是拉伸填满。大于 1 的时候,数字表示纹理平铺重复的次数。
    # 注: 使用平铺需要 detailtexture 的高宽是 2 的 n 次方。例如 512x512,如果是 200x200 的纹理无法使用平铺。
    texture_tiling: numeric = 1,
 
    # 材质细节纹理的位移。
    texture_offset: numeric = 0,
)
 
class map3dlightopts(
    # 主光源的颜色。
    main_color: str = "#fff",
 
    # 主光源的强度。
    main_intensity: numeric = 1,
 
    # 主光源是否投射阴影。默认为关闭。
    # 开启阴影可以给场景带来更真实和有层次的光照效果。但是同时也会增加程序的运行开销。
    is_main_shadow: bool = false,
 
    # 阴影的质量。可选'low', 'medium', 'high', 'ultra'
    main_shadow_quality: str = "medium",
 
    # 主光源绕 x 轴,即上下旋转的角度。配合 beta 控制光源的方向。
    # 图示: https://www.echartsjs.com/zh/documents/asset/gl/img/light-alpha-beta.png
    main_alpha: numeric = 40,
 
    # 主光源绕 y 轴,即左右旋转的角度。
    main_beta: numeric = 40,
 
    # 环境光的颜色。
    ambient_color: str = "#fff",
 
    # 环境光的强度。
    ambient_intensity: numeric = 0.2,
 
    # 环境光贴图的 url,支持使用.hdr格式的 hdr 图片。
    # 可以从 http://www.hdrlabs.com/sibl/archive.html 等网站获取 .hdr 的资源。
    ambient_cubemap_texture: optional[str] = none,
 
    # 漫反射的强度。
    ambient_cubemap_diffuse_intensity: numeric = 0.5,
 
    # 高光反射的强度。
    ambient_cubemap_specular_intensity: numeric = 0.5,
)
 
class map3dposteffectopts(
    # 是否开启后处理特效。默认关闭。
    is_enable: bool = false,
 
    # 是否开启光晕特效。
    is_bloom_enable: bool = false,
 
    # 光晕的强度,默认为 0.1
    bloom_intensity: numeric = 0.1,
 
    # 是否开启景深。
    is_depth_field_enable: bool = false,
 
    # 初始的焦距,用户可以点击区域自动聚焦。
    depth_field_focal_distance: numeric = 50,
 
    # 完全聚焦的区域范围,在此范围内的物体时完全清晰的,不会有模糊
    depth_field_focal_range: numeric = 20,
 
    # 镜头的f值,值越小景深越浅。
    depth_field_fstop: numeric = 2.8,
 
    # 焦外的模糊半径
    depth_field_blur_radius: numeric = 10,
 
    # 是否开启环境光遮蔽。默认不开启。
    is_ssao_enable: bool = false,
 
    # 环境光遮蔽的质量。支持'low', 'medium', 'high', 'ultra'。
    ssao_quality: str = "medium",
 
    # 环境光遮蔽的采样半径。半径越大效果越自然,但是需要设置较高的'quality'。
    ssao_radius: numeric = 2,
 
    # 环境光遮蔽的强度。值越大颜色越深。
    ssao_intensity: numeric = 1,
 
    # 是否开启颜色纠正。
    is_color_correction_enable: bool = false,
 
    # 参考 echarts 官方解释。
    # 地址:https://www.echartsjs.com/zh/option-gl.html#geo3d.posteffect.colorcorrection.lookuptexture
    color_correction_lookup_texture: optional[jsfunc] = none,
 
    # 画面的曝光。
    color_correction_exposure: numeric = 0,
 
    # 画面的亮度。
    color_correction_brightness: numeric = 0,
 
    # 画面的对比度。
    color_correction_contrast: numeric = 1,
 
    # 画面的饱和度。
    color_correction_saturation: numeric = 1,
 
    # 是否开启 fxaa。默认为不开启。
    is_fxaa_enable: bool = false,
)
 
class map3dviewcontrolopts(
    # 投影方式,默认为透视投影'perspective',也支持设置为正交投影'orthographic'。
    projection: str = "perspective",
 
    # 是否开启视角绕物体的自动旋转查看。
    auto_rotate: bool = false,
 
    # 物体自转的方向。默认是 'cw' 也就是从上往下看是顺时针方向,也可以取 'ccw',既从上往下看为逆时针方向。
    auto_rotate_direction: str = "cw",
 
    # 物体自转的速度。单位为角度 / 秒,默认为10 ,也就是36秒转一圈。
    auto_rotate_speed: numeric = 10,
 
    # 在鼠标静止操作后恢复自动旋转的时间间隔。在开启 autorotate 后有效。
    auto_rotate_after_still: numeric = 3,
 
    # 鼠标进行旋转,缩放等操作时的迟滞因子,在大于 0 的时候鼠标在停止操作后,视角仍会因为一定的惯性继续运动(旋转和缩放)。
    damping: numeric = 0.8,
 
    # 旋转操作的灵敏度,值越大越灵敏。支持使用数组分别设置横向和纵向的旋转灵敏度。
    # 默认为1。
    # 设置为0后无法旋转。
    # // 无法旋转
    # rotatesensitivity: 0
    # // 只能横向旋转
    # rotatesensitivity: [1, 0]
    # // 只能纵向旋转
    # rotatesensitivity: [0, 1]
    rotate_sensitivity: union[numeric, sequence] = 1,
 
    # 缩放操作的灵敏度,值越大越灵敏。默认为1。
    # 设置为0后无法缩放。
    zoom_sensitivity: numeric = 1,
 
    # 平移操作的灵敏度,值越大越灵敏。支持使用数组分别设置横向和纵向的平移灵敏度
    # 默认为1。
    # 设置为0后无法平移。
    pan_sensitivity: numeric = 1,
 
    # 平移操作使用的鼠标按键,支持:
    #  'left' 鼠标左键(默认)
    #  'middle' 鼠标中键
    #  'right' 鼠标右键
    #  注意:如果设置为鼠标右键则会阻止默认的右键菜单。
    pan_mouse_button: str = "left",
 
    # 旋转操作使用的鼠标按键,支持:
    #  'left' 鼠标左键(默认)
    #  'middle' 鼠标中键
    #  'right' 鼠标右键
    #  注意:如果设置为鼠标右键则会阻止默认的右键菜单。
    rotate_mouse_button: str = "middle",
 
    # 默认视角距离主体的距离,对于 globe 来说是距离地球表面的距离
    # 对于 grid3d 和 geo3d 等其它组件来说是距离中心原点的距离。
    # 在 projection 为'perspective'的时候有效。
    distance: numeric = 100,
 
    # 视角通过鼠标控制能拉近到主体的最小距离。在 projection 为'perspective'的时候有效。
    min_distance: numeric = 40,
 
    # 视角通过鼠标控制能拉远到主体的最大距离。在 projection 为'perspective'的时候有效。
    max_distance: numeric = 400,
 
    # 正交投影的大小。在 projection 为'orthographic'的时候有效。
    orthographic_size: numeric = 100,
 
    # 正交投影缩放的最大值。在 projection 为'orthographic'的时候有效。
    min_orthographic_size: numeric = 20,
 
    # 正交投影缩放的最小值。在 projection 为'orthographic'的时候有效。
    max_orthographic_size: numeric = 400,
 
    # 视角绕 x 轴,即上下旋转的角度。配合 beta 可以控制视角的方向。
    alpha: numeric = 40,
 
    # 视角绕 y 轴,即左右旋转的角度。
    beta: numeric = 0,
 
    # 视角中心点,旋转也会围绕这个中心点旋转,默认为[0,0,0]。
    center: optional[sequence] = none,
 
    # 上下旋转的最小 alpha 值。即视角能旋转到达最上面的角度。
    min_alpha: numeric = 5,
 
    # 上下旋转的最大 alpha 值。即视角能旋转到达最下面的角度。
    max_alpha: numeric = 90,
 
    # 左右旋转的最小 beta 值。即视角能旋转到达最左的角度。
    min_beta: numeric = -80,
 
    # 左右旋转的最大 beta 值。即视角能旋转到达最右的角度。
    max_beta: numeric = 80,
 
    # 是否开启动画。
    animation: bool = true,
 
    # 过渡动画的时长。
    animation_duration_update: numeric = 1000,
 
    # 过渡动画的缓动效果。
    animation_easing_update: str = "cubicinout",
)

demo 举例

1.具有移动轨迹的3d地图

?
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
example_data = [
    [[119.107078, 36.70925, 1000], [116.587245, 35.415393, 1000]],
    [[117.000923, 36.675807], [120.355173, 36.082982]],
    [[118.047648, 36.814939], [118.66471, 37.434564]],
    [[121.391382, 37.539297], [119.107078, 36.70925]],
    [[116.587245, 35.415393], [122.116394, 37.509691]],
    [[119.461208, 35.428588], [118.326443, 35.065282]],
    [[116.307428, 37.453968], [115.469381, 35.246531]],
]
 
from pyecharts import options as opts
from pyecharts.charts import map3d
from pyecharts.globals import charttype
 
 
c = (
    map3d()
    .add_schema(
        maptype="山东",
        itemstyle_opts=opts.itemstyleopts(
            color="rgb(5,101,123)",
            opacity=1,
            border_width=0.8,
            border_color="rgb(62,215,213)",
        ),
        light_opts=opts.map3dlightopts(
            main_color="#fff",
            main_intensity=1.2,
            is_main_shadow=false,
            main_alpha=55,
            main_beta=10,
            ambient_intensity=0.3,
        ),
        view_control_opts=opts.map3dviewcontrolopts(center=[-10, 0, 10]),
        post_effect_opts=opts.map3dposteffectopts(is_enable=false),
    )
    .add(
        series_name="",
        data_pair=example_data,
        type_=charttype.lines3d,
        effect=opts.lines3deffectopts(
            is_show=true,
            period=4,
            trail_width=3,
            trail_length=0.5,
            trail_color="#f00",
            trail_opacity=1,
        ),
        linestyle_opts=opts.linestyleopts(is_show=false, color="#fff", opacity=0),
    )
    .set_global_opts(title_opts=opts.titleopts(title="具有移动轨迹的3d地图"))
#     .render("具有移动轨迹的3d地图.html")
)
c.render_notebook()

详解如何使用Pyecharts制作Map3D

2.数据标记点的3d地图

?
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
example_data = [
    ("黑龙江", [127.9688, 45.368, 100]),
    ("内蒙古", [110.3467, 41.4899, 100]),
    ("吉林", [125.8154, 44.2584, 100]),
    ("辽宁", [123.1238, 42.1216, 100]),
    ("河北", [114.4995, 38.1006, 100]),
    ("天津", [117.4219, 39.4189, 100]),
    ("山西", [112.3352, 37.9413, 100]),
    ("陕西", [109.1162, 34.2004, 100]),
    ("甘肃", [103.5901, 36.3043, 100]),
    ("宁夏", [106.3586, 38.1775, 100]),
    ("青海", [101.4038, 36.8207, 100]),
    ("新疆", [87.9236, 43.5883, 100]),
    ("西藏", [91.11, 29.97, 100]),
    ("四川", [103.9526, 30.7617, 100]),
    ("重庆", [108.384366, 30.439702, 100]),
    ("山东", [117.1582, 36.8701, 100]),
    ("河南", [113.4668, 34.6234, 100]),
    ("江苏", [118.8062, 31.9208, 100]),
    ("安徽", [117.29, 32.0581, 100]),
    ("湖北", [114.3896, 30.6628, 100]),
    ("浙江", [119.5313, 29.8773, 100]),
    ("福建", [119.4543, 25.9222, 100]),
    ("江西", [116.0046, 28.6633, 100]),
    ("湖南", [113.0823, 28.2568, 100]),
    ("贵州", [106.6992, 26.7682, 100]),
    ("广西", [108.479, 23.1152, 100]),
    ("海南", [110.3893, 19.8516, 100]),
    ("上海", [121.4648, 31.2891, 100]),
]
 
from pyecharts import options as opts
from pyecharts.charts import map3d
from pyecharts.globals import charttype
from pyecharts.commons.utils import jscode
 
 
 
c = (
    map3d()
    .add_schema(
        itemstyle_opts=opts.itemstyleopts(
            color="rgb(5,101,123)",
            opacity=1,
            border_width=0.8,
            border_color="rgb(62,215,213)",
        ),
        map3d_label=opts.map3dlabelopts(
            is_show=false,
            formatter=jscode("function(data){return data.name + " " + data.value[2];}"),
        ),
        emphasis_label_opts=opts.labelopts(
            is_show=false,
            color="#fff",
            font_size=10,
            background_color="rgba(0,23,11,0)",
        ),
        light_opts=opts.map3dlightopts(
            main_color="#fff",
            main_intensity=1.2,
            main_shadow_quality="high",
            is_main_shadow=false,
            main_beta=10,
            ambient_intensity=0.3,
        ),
    )
    .add(
        series_name="scatter3d",
        data_pair=example_data,
        type_=charttype.scatter3d,
        bar_size=1,
        shading="lambert",
        label_opts=opts.labelopts(
            is_show=false,
            formatter=jscode("function(data){return data.name + ' ' + data.value[2];}"),
        ),
    )
    .set_global_opts(title_opts=opts.titleopts(title="数据标记点的3d地图"))
#     .render("数据标记点的3d地图.html")
)
c.render_notebook()

3.3d柱状图的3d地图

?
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
example_data = [
    ("黑龙江", [127.9688, 45.368, 100]),
    ("内蒙古", [110.3467, 41.4899, 300]),
    ("吉林", [125.8154, 44.2584, 300]),
    ("辽宁", [123.1238, 42.1216, 300]),
    ("河北", [114.4995, 38.1006, 300]),
    ("天津", [117.4219, 39.4189, 300]),
    ("山西", [112.3352, 37.9413, 300]),
    ("陕西", [109.1162, 34.2004, 300]),
    ("甘肃", [103.5901, 36.3043, 300]),
    ("宁夏", [106.3586, 38.1775, 300]),
    ("青海", [101.4038, 36.8207, 300]),
    ("新疆", [87.9236, 43.5883, 300]),
    ("西藏", [91.11, 29.97, 300]),
    ("四川", [103.9526, 30.7617, 300]),
    ("重庆", [108.384366, 30.439702, 300]),
    ("山东", [117.1582, 36.8701, 300]),
    ("河南", [113.4668, 34.6234, 300]),
    ("江苏", [118.8062, 31.9208, 300]),
    ("安徽", [117.29, 32.0581, 300]),
    ("湖北", [114.3896, 30.6628, 300]),
    ("浙江", [119.5313, 29.8773, 300]),
    ("福建", [119.4543, 25.9222, 300]),
    ("江西", [116.0046, 28.6633, 300]),
    ("湖南", [113.0823, 28.2568, 300]),
    ("贵州", [106.6992, 26.7682, 300]),
    ("广西", [108.479, 23.1152, 300]),
    ("海南", [110.3893, 19.8516, 300]),
    ("上海", [121.4648, 31.2891, 1300]),
]
 
from pyecharts import options as opts
from pyecharts.charts import map3d
from pyecharts.globals import charttype
from pyecharts.commons.utils import jscode
 
 
 
c = (
    map3d()
    .add_schema(
        itemstyle_opts=opts.itemstyleopts(
            color="rgb(5,101,123)",
            opacity=1,
            border_width=0.8,
            border_color="rgb(62,215,213)",
        ),
        map3d_label=opts.map3dlabelopts(
            is_show=false,
            formatter=jscode("function(data){return data.name + " " + data.value[2];}"),
        ),
        emphasis_label_opts=opts.labelopts(
            is_show=false,
            color="#fff",
            font_size=10,
            background_color="rgba(0,23,11,0)",
        ),
        light_opts=opts.map3dlightopts(
            main_color="#fff",
            main_intensity=1.2,
            main_shadow_quality="high",
            is_main_shadow=false,
            main_beta=10,
            ambient_intensity=0.3,
        ),
    )
    .add(
        series_name="bar3d",
        data_pair=example_data,
        type_=charttype.bar3d,
        bar_size=1,
        shading="lambert",
        label_opts=opts.labelopts(
            is_show=false,
            formatter=jscode("function(data){return data.name + ' ' + data.value[2];}"),
        ),
    )
    .set_global_opts(title_opts=opts.titleopts(title="3d柱状图的3d地图"))
#     .render("3d柱状图的3d地图.html")
)
c.render_notebook()

4.全国行政区划地图

?
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
from pyecharts import options as opts
from pyecharts.charts import map3d
from pyecharts.globals import charttype
 
c = (
    map3d()
    .add_schema(
        itemstyle_opts=opts.itemstyleopts(
            color="rgb(5,101,123)",
            opacity=1,
            border_width=0.8,
            border_color="rgb(62,215,213)",
        ),
        map3d_label=opts.map3dlabelopts(
            is_show=true,
            text_style=opts.textstyleopts(
                color="#fff", font_size=16, background_color="rgba(0,0,0,0)"
            ),
        ),
        emphasis_label_opts=opts.labelopts(is_show=true),
        light_opts=opts.map3dlightopts(
            main_color="#fff",
            main_intensity=1.2,
            is_main_shadow=false,
            main_alpha=55,
            main_beta=10,
            ambient_intensity=0.3,
        ),
    )
    .add(series_name="", data_pair="", maptype=charttype.map3d)
    .set_global_opts(
        title_opts=opts.titleopts(title="china 3d map-base"),
        visualmap_opts=opts.visualmapopts(is_show=false),
        tooltip_opts=opts.tooltipopts(is_show=true),
    )
#     .render("全国行政区划地图.html")
)
c.render_notebook()

5.世界人口分布地图

?
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
import pyecharts.options as opts
from pyecharts.charts import mapglobe
from pyecharts.faker import population
 
data = [x for _, x in population[1:]]
low, high = min(data), max(data)
 
c = (
    mapglobe()
    .add_schema()
    .add(
        maptype="world",
        series_name="世界人口分布地图",
        data_pair=population[1:],
        is_map_symbol_show=false,
        label_opts=opts.labelopts(is_show=false),
    )
    .set_global_opts(
        visualmap_opts=opts.visualmapopts(
            min_=low,
            max_=high,
            range_text=["max", "min"],
            is_calculable=true,
            range_color=["lightskyblue", "yellow", "orangered"],
        )
    )
#     .render("世界人口分布地图.html")
)
c.render_notebook()

详解如何使用Pyecharts制作Map3D

到此这篇关于详解如何使用pyecharts制作map3d的文章就介绍到这了,更多相关pyecharts制作map3d内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/qq_20288327/article/details/117926185

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
2021年耽改剧名单 2021要播出的59部耽改剧列表
2021年耽改剧名单 2021要播出的59部耽改剧列表 2021-03-05
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部