分类:学习笔记

note

echarts legend 使用图片作为自定义图标

echarts legend 使用图片作为自定义图标
数据可视化大屏项目开发过程中,需要显示一些自定义的柱状图样式,这里用图片来实现的,legend也要用自定义图片来做图标,这里将实现的代码记录一下. 在 ECharts 中,你可以通过 legend 的 data 属性设置每个图例项的自定义图标。你可以为每个图例项提供一个对象,其...

2年前 (2023-08-12) 喜欢

css 实现内发光效果

css 实现内发光效果
数据可视化大屏 项目开发中,需要一个内部发光的效果,使用图片的话,在适配宽高的时候可能会变形,所以这里用css的内发光效果来实现效果。 效果截图 关键代码 .itemInfo { position: relative; width: 100%; height: 10...

2年前 (2023-08-11) 喜欢

echarts 折线图流光效果

echarts 折线图流光效果
数据可视化大屏项目开发过程中,需要一些特效,今天整理的效果是echarts 折线图流光效果,流光效果不适用于平滑曲线。 动态效果 实例代码 drawEcharts() { // 基于准备好的dom,初始化echarts实例 let myChart = echarts....

2年前 (2023-08-11) 喜欢

vue文字依次显示的效果

vue文字依次显示的效果
动态效果 你可以使用CSS动画或JavaScript来实现文字依次显示的效果。以下是一个使用Vue和CSS动画的示例代码: <template> <div class="text-container"> <span...

2年前 (2023-08-11) 喜欢

threejs 大屏3D地图可视化学习笔记汇总

threejs 大屏3D地图可视化学习笔记汇总
GeoJOSN数据简介和获取 要渲染地图,首先要有地图数据,所以我们需要先可以获取到我们需要的地图数据,然后才能渲染地图。 通过Three.js实现一个基础渲染代码 要渲染3d地图首先需要能够使用threejs渲染一个基本的场景 threejs 相机渲染范围、位置和目标 我们需要...

2年前 (2023-08-10) 喜欢

threejs解析渲染世界地图边界

threejs解析渲染世界地图边界
要渲染世界地图,首先我们需要准备世界地图geoJson数据, 如果对geoJson不了解的话可以查看GeoJOSN介绍,进行了解。 如果不知道如何获取geoJson的话,可以从这里获取:GeoJOSN数据简介和获取 threejs版本 当前笔记使用threejs版本号 "...

2年前 (2023-08-10) 喜欢

THREE.FileLoader介绍以及使用实例

THREE.FileLoader介绍以及使用实例
THREE.FileLoader是Three.js库中的一个类,用于通过HTTP协议异步加载文件。它可以用于加载各种类型的文件,如文本、JSON、XML等。 参数 THREE.FileLoader的构造函数可以接受一个loadingManager参数。loadingManager...

2年前 (2023-08-10) 喜欢

geoJson里面的Polygon和MultiPolygon有什么不同

geoJson里面的Polygon和MultiPolygon有什么不同
在GeoJSON格式中,Polygon和MultiPolygon是用来表示地理形状的两种不同类型。 Polygon: Polygon用于表示一个单一的多边形结构。它由一个或多个线性环组成,其中第一个环定义了多边形的外部边界,其余的环定义了多边形内的洞。每个环都是一个闭合的线性...

2年前 (2023-08-10) 喜欢

node多版本管理 n的介绍以及使用

node多版本管理 n的介绍以及使用
n 是一个 Node.js 的版本管理器,它允许你在同一台机器上轻松切换不同的 Node.js 版本。对于有多个项目和每个项目可能需要不同版本的 Node.js 的开发人员来说,这是一个非常有用的工具。 安装 首先,你需要确保已经安装了 Node.js。然后,你可以使用以下命令来...

2年前 (2023-08-10) 喜欢

threejs 几何体顶点和Line的渲染

threejs 几何体顶点和Line的渲染
在进行复杂的3d地图构建前,我们需要先学习简单的构建,比如通过几个点构建一个轮廓。 threejs版本 当前笔记使用threejs版本号 "three": "^0.154.0", 实例演示地址 几何体顶点和Line的渲染 效果截图 构...

2年前 (2023-08-09) 喜欢