数据可视化大屏项目开发过程中，需要显示一些自定义的柱状图样式，这里用图片来实现的，legend也要用自定义图片来做图标，这里将实现的代码记录一下.
在 ECharts 中，你可以通过 legend 的 data 属性设置每个图例项的自定义图标。你可以为每个图例项提供一个对象，其...
2年前 (2023-08-12)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3数据可视化大屏顶部组件 - 风险监测预警平台。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续时间3...
2年前 (2023-08-11)
喜欢
数据可视化大屏 项目开发中，需要一个内部发光的效果，使用图片的话，在适配宽高的时候可能会变形，所以这里用css的内发光效果来实现效果。
效果截图
关键代码
.itemInfo {
position: relative;
width: 100%;
height: 10...
2年前 (2023-08-11)
喜欢
数据可视化大屏项目开发过程中，需要一些特效，今天整理的效果是echarts 折线图流光效果，流光效果不适用于平滑曲线。
动态效果
实例代码
drawEcharts() {
// 基于准备好的dom，初始化echarts实例
let myChart = echarts....
2年前 (2023-08-11)
喜欢
动态效果
你可以使用CSS动画或JavaScript来实现文字依次显示的效果。以下是一个使用Vue和CSS动画的示例代码：
<template>
<div class="text-container">
<span...
2年前 (2023-08-11)
喜欢
GeoJOSN数据简介和获取
要渲染地图，首先要有地图数据，所以我们需要先可以获取到我们需要的地图数据，然后才能渲染地图。
通过Three.js实现一个基础渲染代码
要渲染3d地图首先需要能够使用threejs渲染一个基本的场景
threejs 相机渲染范围、位置和目标
我们需要...
2年前 (2023-08-10)
喜欢
要渲染世界地图，首先我们需要准备世界地图geoJson数据，
如果对geoJson不了解的话可以查看GeoJOSN介绍，进行了解。
如果不知道如何获取geoJson的话，可以从这里获取：GeoJOSN数据简介和获取
threejs版本
当前笔记使用threejs版本号
"...
2年前 (2023-08-10)
喜欢
THREE.FileLoader是Three.js库中的一个类，用于通过HTTP协议异步加载文件。它可以用于加载各种类型的文件，如文本、JSON、XML等。
参数
THREE.FileLoader的构造函数可以接受一个loadingManager参数。loadingManager...
2年前 (2023-08-10)
喜欢
在GeoJSON格式中，Polygon和MultiPolygon是用来表示地理形状的两种不同类型。
Polygon：
Polygon用于表示一个单一的多边形结构。它由一个或多个线性环组成，其中第一个环定义了多边形的外部边界，其余的环定义了多边形内的洞。每个环都是一个闭合的线性...
2年前 (2023-08-10)
喜欢
前端项目开发中，需要用到很多字体，经常会遇到重复的字体，想着每次重新找设计要或者自己百度也麻烦，不然记录下来，方便后续遇到一样的可以直接下载使用。
字体名称
MiSans
字体介绍
手机作为目前陪伴我们最多的屏幕设备，优雅好看的字体能让整体使用观感上升，因此很多手机厂商都联手字体...
2年前 (2023-08-10)
喜欢
