在 Three.js 中绘制一个三维的四分之一圆,你可以使用 THREE.CircleGeometry 来创建一个圆形几何体,然后通过修改其参数来得到四分之一圆的形状。以下是创建四分之一圆的基本步骤:
创建一个圆形几何体。
设置圆的半径。
通过设置 thetaStart 和 ...
yekong
11个月前 (02-22)
喜欢
echarts在绘制饼状图的时候,为了让饼状图能够多样性,会设计出多种不同样式的饼状图,今天的饼状图是有一种立体感的饼状图,效果如下:
这里的饼状图分为两层,我们让两层饼状图稍微错位一点再给一个深浅不同的颜色就实现了我们想要的效果。
实例代码
<template>
...
yekong
11个月前 (02-22)
喜欢
echarts饼状图label引导线穿过字体的效果
echarts饼状图label引导线穿过字体的效果
echarts绘制有立体感的饼状图
echarts绘制有立体感的饼状图
echarts饼状图设置为圆角
echarts饼状图设置为圆角
echarts 饼状图文字随着扇形...
yekong
11个月前 (02-22)
喜欢
数据可视化大屏项目开发中,为了增加大屏样式的多元化,会设置各种各样的样式,今天要实现的效果样式是label分为两行,引导线从label两行文字中间穿过。
echarts版本
"echarts": "^5.2.0",
关键代码
label...
yekong
11个月前 (02-22)
喜欢
数据可视化大屏项目开发中,如果菜单太多的话,我们就需要滚动显示。
这里我们要实现菜单可以鼠标拖动滚动,左右箭头点击滚动,点击菜单对应的菜单居中,如果左侧或者右侧没有多余的菜单了则不再滚动。
动态效果
使用到的插件
"@better-scroll/core"...
yekong
11个月前 (02-21)
喜欢
echarts在渲染柱状图的时候,为了增加效果多元化,这里增加了一个倾斜纹的效果,也就是echarts的无障碍花纹效果。这里通过aria来进行设置。
echarts版本
"echarts": "^5.4.0",
实例代码
drawLin...
yekong
11个月前 (02-21)
喜欢
数据可视化大屏项目开发中,经常会需要各种样式的折线图效果,今天要实现的效果是阶梯型的折线图。这里阶梯型折线图我们可以通过设置step: 'start',来实现
echarts版本
"echarts": "^5.4.0",
step参数
...
yekong
11个月前 (02-20)
喜欢
数据获取
地铁线路图geoJson数据获取,手动获取我们需要的地铁线路数据。
threejs 实现流光线路图效果
动态效果
演示地址
threejs 实现流光线路图效果
实例代码
<script>
import * as THREE from 'three';
i...
yekong
11个月前 (02-18)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts咸宁市地区地图geoJson数据。
咸宁,湖北省辖地级市。全市共辖1个市辖区、1个县级市、4个县,总面积10033平...
yekong
11个月前 (02-18)
喜欢
数据可视化大屏项目开发中,经常需要请求数据,今天讲接口请求数据的流程记录一下。
axios封装
我们创建一个文件request.js
import axios from 'axios'
// import {Message} from 'element-ui'
import {b...
yekong
11个月前 (02-18)
喜欢