数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理洛阳市老城区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
老城区,隶属河南省洛阳市。位于河南省洛阳市中东部和北...
2年前 (2023-03-30)
喜欢
数据可视化大屏项目开发中,除了设计师提供给我们设计图外,我们还需要快速的从设计图中提取我们需要的信息,这时候我们需要用到蓝湖了。
蓝湖提供了很多插件,可以让我们快速的将设计图导入到蓝湖。
设计规范云
蓝湖Axure
Figma 插件
Sketch 插件
Photoshop 插件
...
2年前 (2023-03-30)
喜欢
上一节,我们实现了数据可视化大屏入场动画教程,这一节我们来完成第一个区域的功能,使用echarts绘制柱状图.
根据数据大屏设计图来看,我们一共有10个区域,所以我们创建10个item,来对应这10个区域.
为什么用编号不用名称呢?一开始的项目中,用过拼音用过英文,但是实际开发的...
2年前 (2023-03-30)
喜欢
数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是洛阳市西工区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
西工区,隶属河南省洛阳...
2年前 (2023-03-30)
喜欢
数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理洛阳市瀍河回族区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
瀍河回族区,隶属河南省洛阳市。是洛阳市中心城区之一,位...
2年前 (2023-03-30)
喜欢
之前我们完成了数据可视化大屏页面布局写法,今天我们来给数据大屏添加入场动画元素,让元素动起来。动画我们使用的是wow.js来实现入场动画.
安装依赖
pnpm i wow.js
引入animate.css
main.js引入动画css
import 'wow.js/css/li...
2年前 (2023-03-30)
喜欢
vue3 数据可视化大屏项目开发前,我们需要先对大屏进行布局,把整体框架给搭建起来,然后一块作为,其他区域每一块作为一个组件单独来写,最后就像堆积木一样,将其放在对应的位置这样一个数据大屏页面就完成了。
头部和主体
从上面的数据大屏设计图来看,我们可以先分为两部分,头部和身体两...
2年前 (2023-03-30)
喜欢
数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理洛阳市涧西区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
涧西区,隶属河南省洛阳市,是洛阳市内五区之一,于1955年...
2年前 (2023-03-30)
喜欢
可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理洛阳市孟津区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
孟津区,隶属于河南省洛阳市,地处河南省中西部,洛阳市...
2年前 (2023-03-29)
喜欢
可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理洛阳市洛龙区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
洛龙区,隶属河南省洛阳市。位于河南省洛阳市东...
2年前 (2023-03-29)
喜欢