数据大屏 项目开发中:highcharts中label与饼状图的连接线过长,导致连接线占用区域过大,客户要求饼状图放大,所以这里我们就需要缩短线的长度,避免导致label显示不完整。
highcharts 可以通过distance来控制label与饼状图之间的距离,边线的长度。...
yekong
2年前 (2023-05-03)
喜欢
可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理广州市越秀区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
越秀区,隶属广东省广州市,是广州市的中心城区...
yekong
2年前 (2023-05-03)
喜欢
数据可视化大屏 项目开发时,一些客户比较抓细节,今天的细节是标题,客户要求页面跳转后,标题也跟着变化,vue项目属于单页项目,我们需要根据路由跳转进行标题动态修改,因为是pc端,不用考虑手机上面标题修改的兼容性。我们只需要修改document.title的值就可以了。
添加路由导...
yekong
2年前 (2023-05-02)
喜欢
vue 可视化数据大屏 项目开发中,需要添加动画效果,这里使用的是扫光效果,通过创建四个边,给四个边依次添加扫光,实现环绕效果。
然后我们在通过导出序列帧图片,渲染到页面中,实现最终的动画效果。
项目应用
数据统计可视化大屏
ae源文件下载
...
yekong
2年前 (2023-05-02)
喜欢
vue3 可视化数据大屏 - 进口食品安全智慧监管决策大屏。
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
可视化数据大屏设计
psd源文件 进口食品安全智慧监管决策大屏ui设计
开发环境
vue3+vite+js
分辨率
1920*1080
演...
yekong
2年前 (2023-05-02)
喜欢
效果:
渲染世界地图,需要世界地图geoJson
并在世界地图上对应的位置添加点,因为并没有提供固定坐标,只是设计图上标注了一些点位,所以这里我们通过给echarts添加点击事件,点击地图后获取经纬度然后将经纬度以scatter方式添加到地图中设置这些圆点。
点击圆点显示弹窗
弹...
yekong
2年前 (2023-05-02)
喜欢
可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是广州市荔湾区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
荔湾区,隶属 广...
yekong
2年前 (2023-05-02)
喜欢
大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理商丘市永城市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
永城市,河南省 辖县级市,由 商丘市 代...
yekong
2年前 (2023-05-02)
喜欢
数据可视化大屏 项目开发中,要显示各种各种的饼状图效果
今天整理的饼状图包含:饼状图随数据的占比多少显示不同的大小,通过roseType: 'area'来实现。
由于echarts 的lengend自定义程度不高,所以这里使用的html来实现的lengend,并通过数据种的che...
yekong
2年前 (2023-05-02)
喜欢
可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理商丘市夏邑县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
夏邑县,简称栗,古称栗邑,河南省 商丘市 下辖县,素有“...
yekong
2年前 (2023-05-02)
喜欢