vue数据可视化大屏项目开发中需要实现仪表盘效果,效果图如下:
最外层刻度
我们在实现效果的时候需要需要分多步走,首先是最外层向内渐变效果,加刻度加数字标识,通过使用radial colorStops 达到颜色渐变效果
{
name: '刻度尺',
type:...
1年前 (2024-01-15)
喜欢
echarts实现仪表盘效果,仪表盘有多段不同的颜色,带指针,并且仪表盘显示数字刻度
实例代码
<template>
<div class="echarts1" ref="echarts1">
</...
1年前 (2024-01-15)
喜欢
数据可视化大屏 开发中,需要显示各种各样效果的仪表盘,所以整理汇总遇到过的各种效果的仪表盘实例,希望可以快速复用,节约开发时间。
echarts实现仪表盘效果
echarts 实现仪表盘实例颜色渐变效果
...
1年前 (2024-01-15)
喜欢
ae自带工作区
ae默认自带了很多工作区,我们可以点击窗口-工作区查看默认的工作区。
拖动窗口
当我们左键按住窗口拖动拖动小窗口到合成区的时候,会出现下面的窗口效果,我们可以自由选择我们想要放置的区域。
当我们拖动到特定位置松开左键后,窗口就会变为下面的效果。
预设自己的工...
1年前 (2024-01-14)
喜欢
导入PSD文件
这里我们导入psd文件,选择合成-保持图层大小,ae会自动创建一个合成,并且会将AE所有的图层作为合成的图层,会将所有的图层作为独立的素材保存到项目面板中,每个素材的大小就是原本图层的大小。
导入类型
在这里我们还可以再次切换导入的类型,这里选择可编辑的图层样式...
1年前 (2024-01-13)
喜欢
ae界面下的布局,以及基本的介绍
菜单栏
第一行是菜单栏
工具栏
第二行是工具栏。工具栏里罗列了,我们在ae中常用的工具。
项目面板
项目面板,左侧是项目面板,有我们项目需要用到的素材,以及合成层。
合成效果的预览窗口
中间是合成效果的预览窗口,我们可以预览到我们合成的动...
1年前 (2024-01-12)
喜欢
echarts geoJson地图 - 黄冈市麻城市 地图基于geoJson数据绘制。
echarts黄冈市麻城市geoJson地图tooltip自定义html
echarts黄冈市麻城市geoJson地图3d地图实例旋转动画
threejs黄冈市麻城市geoJson地图3d...
1年前 (2024-01-11)
喜欢
使用threejs 实现波动光圈效果
演示效果
演示效果
引入图片资源
var material = new THREE.MeshBasicMaterial({
color: 0x00ffff,//设置光圈颜色
map: textureLoader.load('asse...
2年前 (2024-01-10)
喜欢
官方地址
官方地址
立即注册
进入微信公众号页面,找到立即注册。
类型选择
进入到立即注册后,会显示4种类型供用户选择,这里我们选择订阅号。
输入账号信息
输入邮箱地址设置密码
选择账号类型
这里注册订阅号,所以选择订阅号
信息登记
这里是个人登记,所以选择个人
输入...
2年前 (2024-01-10)
喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏顶部组件 - 综合展示平台。
效果截图
动态效果
扫光动画
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时...
2年前 (2024-01-09)
喜欢