分类:学习笔记

note

echarts折线图负值areaStyle在折线图下方

echarts折线图负值areaStyle在折线图下方
当echarts折线图的数据有赋值的时候,areaStyle颜色区域会出现在折线图上方,这并不是我想要的效果,我想要的是areaStyle区域要一直处在折线图下方 代码修改 我们可以通过修改origin: 'start'来实现我们想要的效果 areaStyle: { nor...

yekong 1年前 (2023-10-07) 喜欢

threejs gui.js库(可视化改变三维场景) 学习笔记

threejs gui.js库(可视化改变三维场景) 学习笔记
dat.gui.js说白了就是一个前端js库,对HTML、CSS和JavaScript进行了封裝,学习开发的 时候,借助dat.gui.js可以快速创建控制三维场景的U交互界面,你打开课件中案例源码体验一下就能感受到。 学习dat.guijs也不仅仅是为了学习dat.gui.js...

yekong 1年前 (2023-10-06) 喜欢

threejs 响应式画布与全屏控制

threejs 响应式画布与全屏控制
threejs项目中,会遇到浏览器宽高变化的情况,这时候我们需要考虑屏幕变化后,画布能够跟随适配。 代码 这里使用的是vue3 获取指定div的宽高来渲染画布。 window.addEventListener('resize', () => { // 重置相机宽高比 ...

yekong 1年前 (2023-10-06) 喜欢

中国地图geoJson渲染效果实例

中国地图geoJson渲染效果实例
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,今天为大家整理的是中国地图geoJson渲染实例,发出来供大家参考。 01 中国地图演示效果 02 3d效果加飞线图 03 自定义图标样式加飞线 04区域颜色渐变效果 05echarts地图visualM...

yekong 1年前 (2023-10-05) 喜欢

眼界决定你的高度:任正非给创业者的任瑟会给你智慧课 读书笔记

眼界决定你的高度:任正非给创业者的任瑟会给你智慧课 读书笔记
你的思维和眼界,决定了你的格局 眼界决定气度和格局,而气度和格局决定了人生的发展轨迹,这是创业者必不可少的特质,是公司做大做强的关键。 眼界小了,气度小了,缺少容人的气量,自然也得不到别人的尊重。 创业成功需要许多要素,其中眼界是最重要的因素。 眼界是一个人看待世界的深度和广度,...

yekong 1年前 (2023-10-05) 喜欢

threejs 物体的缩放与旋转

threejs 物体的缩放与旋转
通过scale进行缩放 我们通过scale.set来控制网格模型的缩放 cube.scale.set(2, 2, 2) 父元素的缩放 当父元素缩放后,子元素会在父元素缩放的基础上再对自身进行缩放 cube.scale.set(2, 2, 2) parentCube.scale...

yekong 1年前 (2023-10-05) 喜欢

threejs 物体位移与父子元素坐标

threejs 物体位移与父子元素坐标
通过positon设置物体的位置 我们可以通过设置网格模型的position来控制网格的位置,如下图,我们通过cube.position.x = 50让网格模型沿着x轴移动了50,如果我们需要修改其他轴的话,只需要修改对应的x y z所对应的值就可以了。 // 1. 创建几何体:...

yekong 1年前 (2023-10-05) 喜欢

threejs实现3d饼状图效果

threejs实现3d饼状图效果
数据可视化大屏项目开发中经常会遇到需要渲染饼状图的情况,有时候平面饼状图不能满足我们想要的效果了,我们就需要创建更复杂的比如3d饼状图效果。今天我们用threejs来实现一个3d饼状图效果。 开发环境 开发环境我们选择nodejs16 框架 vue3 vite js three版...

yekong 1年前 (2023-10-05) 喜欢

echarts legend自定义图片图标

echarts legend自定义图片图标
echarts除了可以使用字体图标作为自定义图标外: echarts legend图标设置为圆角矩形或自定义图标,我们还可以使用自定义图片来实现legend的图标。 关键代码 使用自定义图标的方式因为每个数据的颜色不同,为了区分,我们需要给每组数据都指定一个图片图标。 lege...

yekong 1年前 (2023-10-04) 喜欢