分类:学习笔记

note

echarts宜昌市地图geoJson数据实例下载

echarts宜昌市地图geoJson数据实例下载
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts宜昌市地区地图geoJson数据。 宜昌,湖北省地级市、省域副中心城市,是国务院批复确定的中部地区区域性中心城市、长...

1年前 (2023-11-21) 喜欢

vue实现序列帧动画

vue实现序列帧动画
vue 数据可视化大屏项目中,为了让页面看起来更加酷炫,会添加一些序列帧动画,这里使用的是css+雪碧图的方式来实现,我们也可以通过js加canvas的方式来实现序列帧。 将帧图片转为精灵图 将图片合成雪碧图并实现动画 html <div class="shuju...

1年前 (2023-11-21) 喜欢

vue3 给底座添加流光动画效果

vue3 给底座添加流光动画效果
数据可视化大屏 项目开发中,经常会遇到各种底座装饰,但是只有底座装饰客户并不满意,客户还想给底座增加点动画效果,让底座看起来更加酷炫,今天我们来用ae给底座增加一个流光效果。 动态流光效果 打开ae 首先打开ae,将我们的图片添加的ae中。 添加纯色图层 在上面的透明状态...

1年前 (2023-11-21) 喜欢

echarts柱状图tooltip自定义html显示

echarts柱状图tooltip自定义html显示
echarts tooltip,设计师做了样式设计,这里我们需要使用自定义html来实现。 tooltip: { trigger: 'axis', axisPointer: { type: 'none' }, backgroundColor: 'tran...

2年前 (2023-11-16) 喜欢

北京市通州区geoJson地图渲染实例

北京市通州区geoJson地图渲染实例
数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是北京市通州区geoJson地图渲染实例。 新版本更新22行政区 动态演示效果 介绍 2023年11月14日将之...

2年前 (2023-11-14) 喜欢

vue3 echarts地图渲染实例整理

vue3 echarts地图渲染实例整理
数据可视化大屏 开发中经常需要渲染各种地图效果,今天整理出在项目开发过程中遇到的各种类型的echarts效果。 6.echarts渲染自定义组件到echarts地图中 vue3 数据大屏项目开发中,需要渲染自定义柱状图到echarts地图中,这里我们通过经纬度的方式将组件渲染到地...

2年前 (2023-11-10) 喜欢

vue echarts地图点击切换百度地图缩放返回echarts地图

vue echarts地图点击切换百度地图缩放返回echarts地图
数据可视化大屏项目开发中,需要实现一个效果,就是地图默认显示的是echarts地图,点击对应的地点后,会跳转到百度地图,百度地图缩放以后,重新显示echarts地图。 实现思路 准备两个组件,一个百度组件一个echarts地图组件,通过v-if进行切换。 当echarts地图被点...

2年前 (2023-11-10) 喜欢

vue3 自定义图标点击放大地图显示子图标移入后显示弹窗

vue3 自定义图标点击放大地图显示子图标移入后显示弹窗
vue 高德地图显示一级数据的图标,鼠标移入一级图标,显示标题,单击一级图标放大地图,双击一级图标显示弹窗。 当一级图标放大后显示二级图标,鼠标移入二级图标后弹出显示信息,地图缩小后二级图标移除。 图标根据状态显示不同的图标 演示地址 vue3 自定义图标点击放大地图显示子图标...

2年前 (2023-11-07) 喜欢