当echarts折线图的数据有赋值的时候,areaStyle颜色区域会出现在折线图上方,这并不是我想要的效果,我想要的是areaStyle区域要一直处在折线图下方
代码修改
我们可以通过修改origin: 'start'来实现我们想要的效果
areaStyle: {
nor...
yekong
1年前 (2023-10-07)
喜欢
echarts饼状图环形颜色渐变,并且上面有刻度,右侧使用自定义html实现legend饼状图中心是总数以及标题。
组件代码
<template>
<div class="echartsBodys">
<echart...
yekong
1年前 (2023-10-07)
喜欢
dat.gui.js说白了就是一个前端js库,对HTML、CSS和JavaScript进行了封裝,学习开发的 时候,借助dat.gui.js可以快速创建控制三维场景的U交互界面,你打开课件中案例源码体验一下就能感受到。
学习dat.guijs也不仅仅是为了学习dat.gui.js...
yekong
1年前 (2023-10-06)
喜欢
threejs项目中,会遇到浏览器宽高变化的情况,这时候我们需要考虑屏幕变化后,画布能够跟随适配。
代码
这里使用的是vue3 获取指定div的宽高来渲染画布。
window.addEventListener('resize', () => {
// 重置相机宽高比
...
yekong
1年前 (2023-10-06)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,今天为大家整理的是中国地图geoJson渲染实例,发出来供大家参考。
01 中国地图演示效果
02 3d效果加飞线图
03 自定义图标样式加飞线
04区域颜色渐变效果
05echarts地图visualM...
yekong
1年前 (2023-10-05)
喜欢
你的思维和眼界,决定了你的格局
眼界决定气度和格局,而气度和格局决定了人生的发展轨迹,这是创业者必不可少的特质,是公司做大做强的关键。
眼界小了,气度小了,缺少容人的气量,自然也得不到别人的尊重。
创业成功需要许多要素,其中眼界是最重要的因素。
眼界是一个人看待世界的深度和广度,...
yekong
1年前 (2023-10-05)
喜欢
通过scale进行缩放
我们通过scale.set来控制网格模型的缩放
cube.scale.set(2, 2, 2)
父元素的缩放
当父元素缩放后,子元素会在父元素缩放的基础上再对自身进行缩放
cube.scale.set(2, 2, 2)
parentCube.scale...
yekong
1年前 (2023-10-05)
喜欢
通过positon设置物体的位置
我们可以通过设置网格模型的position来控制网格的位置,如下图,我们通过cube.position.x = 50让网格模型沿着x轴移动了50,如果我们需要修改其他轴的话,只需要修改对应的x y z所对应的值就可以了。
// 1. 创建几何体:...
yekong
1年前 (2023-10-05)
喜欢
数据可视化大屏项目开发中经常会遇到需要渲染饼状图的情况,有时候平面饼状图不能满足我们想要的效果了,我们就需要创建更复杂的比如3d饼状图效果。今天我们用threejs来实现一个3d饼状图效果。
开发环境
开发环境我们选择nodejs16
框架
vue3 vite js
three版...
yekong
1年前 (2023-10-05)
喜欢
echarts除了可以使用字体图标作为自定义图标外:
echarts legend图标设置为圆角矩形或自定义图标,我们还可以使用自定义图片来实现legend的图标。
关键代码
使用自定义图标的方式因为每个数据的颜色不同,为了区分,我们需要给每组数据都指定一个图片图标。
lege...
yekong
1年前 (2023-10-04)
喜欢