一、学习内容
地图内置主题:
// 1.dark
// 2.light
// 自定义主题
// 1.下载中找到主题下载
// 2.选择喜欢的主题
// 3.下载js文件
// 4.在后面导入
// 5.使用js文件名到主题去使用
// 6.修改主题的名称 - echarts.registerTheme(主题名称)
加载动画
// myChart.showLoading()
// 假设3秒后数据已经加载完毕
// 隐藏动画
// setTimeout(() => {
// myChart.hideLoading()
// }, 3000)
参数一就是自定义个地图名称
参数二就是地图数据
// echarts.registerMap('SXMap', sxMap)
地理坐标系组件
geo: {
type: 'map',
map: 'SXMap',
// 是否可以缩放和拖拽
roam: true,
// 初始缩放比例
zoom: 1,
// 设置中心点
center: [108.948024, 34.263161],
label: {
// 是否显示标签。
show: true,
}
|