最新发布 第251页

完竣世界-关注前端分享心得

echarts

echarts开封市地图演示实例threejs地图实例

echarts开封市地图演示实例threejs地图实例
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts开封市地图geoJson数据。 开封,简称“汴”,古称汴州、汴梁、汴京,河南省辖地级市,国务院批复确定的中国中原城市...

2年前 (2023-04-04) 喜欢

echarts

echarts饼状图legend滚动效果

echarts饼状图legend滚动效果
echarts饼状图需求描述 渐变色饼状图,因为数据比较多所以legend需要可以滚动切换,饼状图区域有一个背景图片。 需求分析 legend设置滚动 legend滚动,我们可以设置type: "scroll"来实现滚动.通过page前缀参数来设置切换按钮的...

2年前 (2023-04-04) 喜欢

echarts

echarts legend滚动分页及翻页功能

echarts legend滚动分页及翻页功能
echarts 当数据项太多的时候,legend放不开,为了能够查看更多,我们需要添加一个翻页功能。 开启滚动 使用翻页,首先要开启滚动 type: "scroll" 设置间隔 图例控制块中,按钮和页信息之间的间隔 pageButtonItemGap: 3...

2年前 (2023-04-04) 喜欢

echarts

echarts和echarts-gl版本对应

echarts和echarts-gl版本对应
echarts 和 echarts-gl版本需要对应起来,不然会报错,将版本对应整理出来供大家参考 echarts 4.0 “echarts”: “^4.9.0”, “echarts-gl”: “^1.1.2”, echarts 5.0 “echarts”: “^5.2.0”...

2年前 (2023-04-03) 喜欢

vue

vue3 环形底座效果实例

vue3 环形底座效果实例
vue3 可视化数据大屏项目开发中,数据大屏ui界面会设置一些底座效果用来衬托数据,今天整理一下自己开发过的数据大屏实例。以便于后期会遇到类似效果可以直接复用。 组件使用到了数字滚动效果以及wowjs入场动画效果 。让页面看起来更灵动。 演示地址 vue3 底座效果实例 项目应...

2年前 (2023-04-03) 喜欢

echarts

echarts衡水市武强县地图点击地图插小旗实例代码

echarts衡水市武强县地图点击地图插小旗实例代码
数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理衡水市武强县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。 武强县,隶属于河北省衡水市,位于河北省东南部。南临衡...

2年前 (2023-04-03) 喜欢

echarts

在图片上实现飞线效果图echarts另类用法

在图片上实现飞线效果图echarts另类用法
数据可视化大屏项目开发中,客户要求实现飞线图,但是这个图片的地图并不精确,只是一个大概的效果,只不过客户对动画效果比较执着。自己写飞线图动画又不会,使用echarts来绘制地图的话,又因为数据不准确没办法定位,因为客户对地图数据并不在意,所以这里我们假数据来实现。 绘制echa...

2年前 (2023-04-03) 喜欢

echarts

echarts 图表监听窗口变化和实际大小不一致

echarts 图表监听窗口变化和实际大小不一致
数据可视化数据大屏一般都会要求是宽高自适应的,页面会根据窗口的宽高进行调整,但是实际开发中会遇到窗口大小变化了,但是图表的大小并没有和实际的div宽度一致。 解决办法 我们使用ResizeObserver来监听窗口的宽高变化,立即执行resize不能获取到实际宽高,我们延迟300...

2年前 (2023-04-03) 喜欢

threejs

threejs 太阳系添加繁星点缀的背景

threejs 太阳系添加繁星点缀的背景
之前我们实现threejs 太阳系给星球添加文字标注,但是我们还是觉得有点单调,我们再给太阳系添加一点繁星点缀的效果。 给星球添加文字标签,我们使用css2d来实现。 繁星点缀 带有繁星点缀的太阳系效果已经有同学做过了,我们取其中的繁星代码来使用。源地址为: 太阳系繁星背景 i...

2年前 (2023-04-02) 喜欢