echart 三维可视化地图_Echarts三维坐标系

本文介绍了Echarts中的三维坐标系,包括globe和geo3D组件,用于实现三维地图可视化。详细阐述了bar3D、scatter3D、lines3D和map3D的数据格式及使用场景,并探讨了坐标系的注册、扩展组件视图和模型的操作方法。
摘要由CSDN通过智能技术生成

Echarts三维坐标系

一、坐标系

1.1 globe-地图组件

提供地球坐标系

可展示三维图:散点图、气泡图、柱状图、飞线图

部分属性

属性

含义

默认值

globeRadius

地球半径

100

globeOuterRadius

地球外半径,内外半径构成的空间用于绘图

150

1.2 geo3D-三维地理坐标系组件

提供三维地理坐标系

可展示三维图:散点图、气泡图、柱状图、飞线图

二、三维地图-map3D

地理区域数据可视化

三、各类gl表格

3.1 bar3D & scatter3D

支持坐标系:cartesian3D,geo3D和globe

数据格式:

数组

在 grid3D 中,每一项的前三个值分别是x, y, z。

在 geo3D 以及 globe 中,每一项的前两个值分别是经纬度 lng, lat。

var data = [

[

[12, 14, 10], [34, 50, 15], [56, 30, 20],

[10, 15, 12], [23, 10, 14]

]

]

JSON对象数组

在 grid3D 中,value分别是x, y, z。

在 geo3D 以及 globe 中,value前两个值分别是经纬度 lng, lat。

var data = [

{

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值