数据可视化大屏项目开发中,会遇到一些效果需要,比如实现一个太阳系的效果,或者实现一个地球自转的效果,今天通过threejs来实现一个地球自转的效果实例。
项目是使用vue+vite来开发的,所以首先我们需要安装一下threejs
安装threejs依赖
pnpm i three...
2年前 (2023-10-11)
喜欢
nodejs升级后,运行js报错了。
node:internal/errors:478
ErrorCaptureStackTrace(err);
^
TypeError [ERR_IMPORT_ASSERTION_TYPE_MISSING]: Module &q...
2年前 (2023-10-11)
喜欢
可视化数据大屏 项目中经常遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,所以将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是echarts上海市闵行区地图局部颜色渐变实例。
echarts上海市闵行区自定义背景图效果
采用底图加ec...
2年前 (2023-10-10)
喜欢
echarts柱状图数据过多时,客户会想让柱状图下的dataZoom自动切换轮播展示。
效果代码
实现思路 我们设置start和end两个值,定时每次增加20然后更新dataZoom当dataZoom达到100后,再从新开始,以此实现dataZoom的数据轮播显示。
<s...
2年前 (2023-10-10)
喜欢
当echarts折线图的数据有赋值的时候,areaStyle颜色区域会出现在折线图上方,这并不是我想要的效果,我想要的是areaStyle区域要一直处在折线图下方
代码修改
我们可以通过修改origin: 'start'来实现我们想要的效果
areaStyle: {
nor...
2年前 (2023-10-07)
喜欢
echarts饼状图环形颜色渐变,并且上面有刻度,右侧使用自定义html实现legend饼状图中心是总数以及标题。
组件代码
<template>
<div class="echartsBodys">
<echart...
2年前 (2023-10-07)
喜欢
dat.gui.js说白了就是一个前端js库,对HTML、CSS和JavaScript进行了封裝,学习开发的 时候,借助dat.gui.js可以快速创建控制三维场景的U交互界面,你打开课件中案例源码体验一下就能感受到。
学习dat.guijs也不仅仅是为了学习dat.gui.js...
2年前 (2023-10-06)
喜欢
threejs项目中,会遇到浏览器宽高变化的情况,这时候我们需要考虑屏幕变化后,画布能够跟随适配。
代码
这里使用的是vue3 获取指定div的宽高来渲染画布。
window.addEventListener('resize', () => {
// 重置相机宽高比
...
2年前 (2023-10-06)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,今天为大家整理的是中国地图geoJson渲染实例,发出来供大家参考。
01 中国地图演示效果
02 3d效果加飞线图
03 自定义图标样式加飞线
04区域颜色渐变效果
05echarts地图visualM...
2年前 (2023-10-05)
喜欢
你的思维和眼界,决定了你的格局
眼界决定气度和格局,而气度和格局决定了人生的发展轨迹,这是创业者必不可少的特质,是公司做大做强的关键。
眼界小了,气度小了,缺少容人的气量,自然也得不到别人的尊重。
创业成功需要许多要素,其中眼界是最重要的因素。
眼界是一个人看待世界的深度和广度,...
2年前 (2023-10-05)
喜欢