数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是echarts武汉市地区地图geoJson数据。
效果截图
echarts武汉市地区地图geoJson数据
echarts武汉市...
2年前 (2023-10-17)
喜欢
vue 数据大屏项目开发中，有时候会需要实现3d地图下钻效果，这里我们使用echarts-gl来实现3d地图。今天的3d地图是从中国->省->市三级下钻实例。除了使用echarts实现3d地图下钻，我们还可以使用threejs来实现下钻效果，threejs 3d地图实...
2年前 (2023-10-14)
喜欢
数据大屏项目在调试开发中可能会需要指定调试端口号，以便于不和其他项目的端口冲突。
这里我们找到vue.config.js文件
关键代码
这里我们指定8083为端口号
devServer: {
port: 8083// 设置端口为8083
},
完整实例代码
'use s...
2年前 (2023-10-14)
喜欢
数据大屏项目开发中，柱状图需要显示四种日期的数据，本周只有7天 本月有30多条 上月也有30多条，这种数据量很大渲染的话肯定放不开，这就需要dataZoom来进行拖动显示，但是数据少的又不需要，所以我们需要进行判断显示
判断显示
我们需要根据数据长度进行判断，当数据长度大于12...
2年前 (2023-10-13)
喜欢
vue项目在开发中经常会使用到弹窗组件，但是在使用弹窗组件的时候会遇到一个问题就是当组件有很多，而弹窗组件又在子组件中时，会出现弹窗层级太低出现错位等问题，这时候我们就需要考虑让弹窗组件在最外层不会受到子组件的影响。
关键代码
我们在写组件的时候，可以加入以下代码，将组件插入到...
2年前 (2023-10-13)
喜欢
数据大屏项目开发中，我们需要使用mockjs返回四组数据，分别为本周 本月 上月 本年。
项目框架
vue3 vite js
请求接口
我们监听active的变化，并将数据传值给接口。
export default {
name: "item",
c...
2年前 (2023-10-12)
喜欢
three版本
"three": "^0.154.0",
演示地址
Three.js实现太阳系实例
threejs实现一个自转的地球
使用threejs绘制一个可以旋转的地球，为后面的太阳系做准备
threejs创建地球和太阳实例
使...
2年前 (2023-10-11)
喜欢
之前我们实现threejs实现地球围绕太阳公转轨道，接下来我们就可以绘制太阳系下面的其他行星了。
整理星球
首先我们需要整理星球，各个星球的纹理图，以及星球半径和公转半径，设置基本参数来控制星球半径和公转半径
data() {
return {
K:...
2年前 (2023-10-11)
喜欢
之前我们通过threejs创建地球和太阳实例，距离threejs创建太阳系近了一步，我们有了太阳有了地球，但是目前都是自转，我们需要让地球围绕太阳进行公转。
首先给星球添加标签
上一节，我们只是添加了星球，但是并没有给星球添加名称，这样不容易区分，所以这里我们需要添加一下名称，...
2年前 (2023-10-11)
喜欢
之前我们通过threejs创建了一个地球，距离threejs创建太阳系近了一步，今天我们在之前的基础上增加一个太阳。
上一节我们已经创建了一个地球，那么这一节我们只需要再增加一个太阳就可以了。我们对上一节的代码进行一下封装，我们将创建网格模型的方法进行封装，3个参数单独分离出来...
2年前 (2023-10-11)
喜欢
