echarts地图上 某区域指定位置添加文字说明

echarts地图上 某区域指定位置添加文字说明,第1张

可以在电脑版的echarts地图选择地点然后标记,具体步骤如下:

1、打开echarts地图地图。

2、选择地图功能区中的工具箱,选择标记功能。

3、点击d出的工具箱中的标记标志,选择想要进行标记的地点。

4、标记想要的地点后,输容入标记地点的名称并点击保存。

注意事项:

1、以计算机为主体的电子设备在制图中的广泛应用,地图不再限于用符号和图形表达在纸(或类似的介质)上,它可以数字的形式存储于磁介质上,或经可视化加工表达在屏幕上;

2、由于航天技术的发展,出现了卫星遥感影像,这不但给地图制作提供了新的数据源,还可以把影像直接作为地理事物的表现形式,同时把人们的视野拓展到月球和其他星球。

3、多媒体技术的发展,使得视频、声音等都可以成为地图的表达手段。

需要改变左右位置的话,需要设置align:left即可。

ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。ECharts 遵循 Apache-2.0 开源协议,免费商用。ECharts 兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等)及兼容多种设备,可随时随地任性展示。

1、打开echarts官方实例页面,点击第一个折线图。

2、进入页面后,可以看到数据比较少,所以横坐标文字全部都显示出来了。

3、修改左侧的option内容,在xAxis的data数组中再添加两行内容,同时,在series中添加对应数量的值。

4、运行后,可以看到x横坐标已经按照图形大小,自动间隔显示了文字。如果没有特殊要求,这个就可以满足当内容少时,全部显示横坐标文字,当内容多时,自动间隔显示文字。

5、在option的xAxis区域添加axisLabel:{interval:0},这个语句的意思是,设置横坐标的文字全部显示,不间隔。

6、再次运行就可以看到横坐标的内容全部显示了,但是由于空间不够,内容都挤到一起去了。

7、将间隔值修改为5,axisLabel:{interval:5},再次运行,就可以看到x横坐标内容已经按照要求间隔显示了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11333473.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存