- 综合排序
- 最热优先
- 最新优先
- 来自专栏TopFE
echarts 画动态水球
接下来我们看 一下一些常见的水球项目。 有这样的： 这样的： 甚至还有这样的： 今天这篇文章就带领大家"从零到一"的构建水球图。话不多说，开干！ 我们想在示例中找一下有没有类似水球之类的组件，遗憾的是，我们并没有在官网提供的示例中找到。 radius: 水球的半径，可以是相对值 % 也可以是绝对值 px。 center: 水球所处的位置, 第一个值为X轴，第二个值为Y轴。可以是相对值 % 也可以是绝对值 px。 data: 水球内部波浪所处的位置,可以为数值（ 范围 0-1 ）也可以为Object对象进行更多配置。 label : 水球内部文字 最终效果图
2.3K20编辑于 2022-01-24 - 来自专栏3d图表
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击在数据可视化大屏中，“水球图”（Liquid Fill Chart）绝对是展示百分比数据（如CPU使用率、完成度、剩余电量）的颜值担当 今天我们来聊聊一个有趣的话题：如何用 RayChart 手搓一个真实的 3D 水球，并对比它与 ECharts 水球的区别。 核心构成一个真实的 3D 水球通常由三部分组成：玻璃外壳：一个透明的球体容器。液体主体：球体内部被截断的下半部分。液体表面：一个随波浪起伏的顶盖。技术实现细节A. 360度旋转、缩放、甚至可以晃动液体 性能开销⭐ (极低) ⭐⭐⭐ (中高，依赖 GPU) 适用场景普通报表、H5 页面、移动端 大屏可视化、数字孪生、高逼格演示4. 如果你在做酷炫的数据大屏，想要那种“看起来很贵”的效果，RayChart 的 3D 水球绝对值得一试。
36100编辑于 2026-01-13 - 来自专栏算法channel
动态线图+水球图，非常精美！
'; 拼接图形：img=img1+img2+... 2 水球图边缘如何做出立体感？ ? 水球图显示某几个数值大小，波浪流动，显示非常醒目。通过2个水球图的对比显示拜登和川普最新支持率情况。 细心的读者可能注意到，水球图边缘有一种立体感，这种是如何做出来的？ 以上作品所有完整源码，只需在我的公众号里回复 geo 即可。
88510发布于 2020-10-23 - 来自专栏技术汇总专栏
Pyecharts水球图深度探索与创意应用
基础水球图首先，让我们创建一个基础的水球图，展示某个指标的完成比例。 运行代码后，将生成一个HTML文件，其中包含了可交互的水球图。4. 自定义水球图样式Pyecharts允许用户自定义水球图的样式，包括颜色、半径、边框等。 多水球图展示有时候，我们需要在同一图表中展示多个水球图，以对比不同指标的完成情况。 水球图的动态效果水球图不仅可以静态展示完成比例，还可以通过动态效果增强用户的视觉体验。 水球图的交互功能Pyecharts提供了丰富的交互功能，使用户能够与水球图进行互动。
66810编辑于 2024-02-02 - 来自专栏CSDNToQQCode
pyecharts第六节、水球图
需要更新【pyecharts】 pip install pyecharts_snapshot pip install -i https://pypi.tuna.tsinghua.edu.cn/simple pyecharts==0.5.11 创建测试类【demo6.html】 输入以下编码 from pyecharts import Page from pyecharts import Liquid page = Page() liquid = Liquid("内存占比") liquid.a
34010编辑于 2022-11-29 - 来自专栏数据山谷
各种各种的水球图全员报到
小编今天给大家带来了各式各样的水球图，虽然绘制简单，但在我们的日常生活中可是用处很大的哦~~~ 而且水球图的家族庞大，一起看看他们的风姿吧！ Liquid # 导入水球图的形状配置项 from pyecharts.globals import SymbolType 首先我们最常见的水球图出场~~ c = ( Liquid() (title_opts=opts.TitleOpts(title="无边框水球")) ) c.render_notebook() 效果 ? 接下来展示水球图的各种形状~~~ 方形水球 c = ( Liquid() .add("lq", [0.87,0.65,0.23], is_outline_show=False, shape 水球图家族全员跟大家报到了哦，感兴趣的小伙伴可以动动小手实现一下~ 临近年底报告的日子了，可以将我们学会的图插到 PPT 中， 也能为大家的报告增光添彩！
65230发布于 2021-01-08 - 来自专栏大史住在大前端
【带着canvas去流浪（7）】绘制水球图
(options) { options.w = [];//存储水波的角速度 options.theta = [];//存储每条水波的位移 for(let i = 0; i < 4; options.a;//正弦曲线振幅 let y,x,w,theta; let r = options.r; //遍历每一条水纹理 for(let line = 0; line < 4; 关于canvas抗锯齿 如果仔细查看上面的水球外圆，会发现水球图的外侧不是很平整，看起来会有很多锯齿。 网上查到的方法大多是将画布画布尺寸(canvas.height,canvas.width)调整为元素尺寸（CSS中设置的canvas元素的尺寸）的3-4倍，希望利用缩放来达到抗锯齿的作用，但实测的结果却并没有明显改进 另一种较为有效的方案，是在绘制外圆时增加2px-4px的深色阴影，在视觉上可以很好地弱化锯齿感。
1.7K00发布于 2019-04-18 - 来自专栏呆呆敲代码的小Y 公众号
【Unity ShaderGraph】| 制作一个 高级流体水球效果
前言 本文将使用ShaderGraph制作一个 高级流体水球 ，可以直接拿到项目中使用。 【Unity ShaderGraph】| 快速制作一个 流体水球效果 一、效果展示 资源下载方式： ShaderGraph效果资源整合文件【其中内容持续更新】 二、简易流体水球效果 首先在Project 双击打开该ShaderGraph，连接节点如下： 通过调节Slider可以控制水球大小。 三、进阶流体水球效果 在上面的水球效果基础上再加一层用于显示水花效果，连接节点如下所示： 通过调节定义的外部Float节点progress可以调节水球的大小饱和度。 progress = 0f; } } } 将脚本挂载到场景的Image组件中，并将刚才创建的材质球和Text组件拖到脚本中，如下图所示： 需要注意的是要将控制水球进度的
1.3K30编辑于 2023-10-28 - 来自专栏云深之无迹
巴塞罗那自治大学.3D视觉课件.4
巴塞罗那自治大学，3D视觉课件.1 计算机视觉之三维重建篇.2(摄像机标定) 巴塞罗那自治大学.3D视觉课件.3
50620编辑于 2022-11-29 - 来自专栏杂谈
Unity教学 项目4 3D求生枪手
https://www.bilibili.com/video/BV16F7zzqEJF?spm_id_from=333.788.videopod.sections&vd_source=25b783f5f945c4507229e9dec657b5bb
23210编辑于 2025-12-18 - 来自专栏章鱼的慢慢技术路
Direct3D 11 Tutorial 4: 3D Spaces_Direct3D 11 教程4：3D空间
在本教程中，我们将深入研究3D位置和转换的细节。 本教程的结果将是渲染到屏幕的3D对象。 虽然之前的教程侧重于将2D对象渲染到3D世界，但在这里我们展示了一个3D对象。 因此，我们需要一个系统来表示3D空间中的对象和一个显示它们的系统。 在现实世界中，物体存在于3D空间中。 这意味着要将对象放置在世界中的特定位置，我们需要使用坐标系并定义与位置对应的三个坐标。 1.0f, 1.0f ), XMFLOAT4( 1.0f, 0.0f, 0.0f, 1.0f ) }, { XMFLOAT3( -1.0f, -1.0f, -1.0f ), XMFLOAT4 1,5,0, 3,4,7, 0,4,3, 1,6,5, 2,6,1, 2,7,6, 3,7,2, 6,4,5, 7,4,6, }; 如您所见，第一个三角形由点3,1和0定义。
1.5K30发布于 2018-10-11 - 来自专栏码客
Echarts中使用水球图和标签云图(词云图)
水球图 对于Echarts4.9及以下是内置水球图的，但是5.x以上版本是没有的。 echarts-liquidfill@3 注意: echarts-liquidfill@3 版本匹配 echarts@5 版本，echarts-liquidfill@2 版本匹配 echarts@4
1.5K20编辑于 2023-10-23 - 来自专栏杂谈
3D个人简历网站 4.小岛
/assets/3d/island.glb"; /** * Island 组件，用于渲染 3D 岛屿模型，并处理模型的旋转交互和阶段设置。 { case normalizedRotation >= 5.45 && normalizedRotation <= 5.85: setCurrentStage(4) break; default: setCurrentStage(null); } } }); return ( // {岛屿 3D /models/Island 路径导入 Island 组件，此组件用于渲染 3D 岛屿模型 import { Island } from ".. </Suspense> </Canvas> ) } // 导出 Home 组件，供其他文件引入使用 export default Home 4.
18110编辑于 2025-12-31 - 来自专栏Python疯子
Python强大的pyecharts绘画优美图形<三>
symbolSize": 10}, {"name": "结点2", "symbolSize": 20}, {"name": "结点3", "symbolSize": 30}, {"name": "结点4" /data/03-01水球.html') # 圆形水球 liquid2 =Liquid("水球图示例") liquid2.add("Liquid", [0.6, 0.5, 0.4, 0.3], is_liquid_outline_show /data/03-02圆形水球.html') # 菱形水球 liquid3 =Liquid("水球图示例") liquid3.add("Liquid", [0.6, 0.5, 0.4, 0.3], is_liquid_animation /data/03-03菱形水球.html') ? ("C", [1, 2, 3, 4, 1, 2, 5], radius_data=radius, type='barRadius', is_stack=True) polar.show_config()
1.3K30发布于 2018-09-06 - 来自专栏OpenCV与AI深度学习
OpenCV4使用viz模块显示3D图像
视觉/图像重磅干货，第一时间送达 在OpenCV 3D视觉中如果需要显示三维数据或图像就需要用到viz模块，viz是OpenCV的3D显示模块，OpenCV官方release版本不包含此模块，需要我们自己
1.2K10编辑于 2024-01-17 - 来自专栏python3
pyecharts 安装及使用指南
四、绘制3D图形 3D折线图 from pyecharts import options as opts from pyecharts.charts import Line3D from pyecharts.faker import Faker data = [[1,2,3,4], [1,2,3,4], [0,4,8,16]] c = ( Line3D() .add( "", 3D散点图 import pyecharts.options as opts from pyecharts.charts import Scatter3D import random data = [ 六、水球图 from pyecharts import options as opts from pyecharts.charts import Liquid import os c = ( Liquid() .add("Liquid", [0.8]) .set_global_opts(title_opts=opts.TitleOpts(title="水球图")) .
3K10发布于 2020-11-12 - 来自专栏Python进阶之路
python pyecharts数据可视化 词云图 仪表盘 水球图
('barrages.txt') as f: data = f.read() # 文本预处理 去除一些无用的字符 只提取出中文出来 new_data = re.findall('[\u4e00 formatter="{a}
{b} : {c}%", ) ) .render('gauge.html') ) 运行效果如下： [f8n0snzzxj.gif] 三、水球图 center=['60%', '50%'], # 水球外形，有' circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', [6zo8f4nr9u.png? q-sign-algorithm=sha1&q-ak=AKID2uZ1FGBdx1pNgjE3KK4YliPpzyjLZvug&q-sign-time=1611377606;1611384806&q-key-time1.9K30发布于 2020-09-17 - 来自专栏Lansonli技术博客
pyEcharts安装及详细使用指南
绘制3D图形 绘制3D折线图代码如下： # -*- coding:utf-8 -*- from pyecharts import Line3D import random data = [[1,2,3,4 ], [1,2,3,4], [0,4,8,16]] Line3D = Line3D("3D 折线图示例", width=1200, height=600) Line3D.add("", data, is_visualmap=True) Line3D.render() 输出图形如下所示： 绘制3D散点图，并设置随机散点坐标，代码如下所示： # -*- coding:utf-8 -*- from Gauge("仪表盘图形","副图标") g.add("重大项目", "投资占比", 66.66) g.show_config() g.render("g.html") 输出图形如下所示： 6.水球图 代码如下： # -*- coding:utf-8 -*- from pyecharts import Liquid liquid = Liquid("水球图") liquid.add("Liquid
1.3K20发布于 2021-10-09 - 来自专栏kafka专栏
Spring源码分析(六)FactoryBean 接口解析
FactoryBean：是一个Java Bean，但是它是一个能生产对象的工厂Bean，把IOC容器比作水桶，那么Java Bean就是水桶里面的水，但是这个FactoryBean一种比较特殊的水，可以把它看成是一个水球 ，这个水球里面也包含了水，我们可以通过IOC取这个水球，但是也可以直接取水球里面的水;(用法就是 用&表示取水球，取水球里的水用正常的获取方式就行了；如果我们用&获取到了水球之后，可以通过这个水球的 getObject 方法获取水球里面的水;) 在之前的文章中我们已经分析过BeanFactory的源码了，今天我们单独分析FactoryBean 代码入口 ---- public static void main( getSingleton(beanName);获取到的，这个就是实例化的对象，就算用我们getBean的时候beanName传的是fb，不是&fb，这里返回的就是FactoryBean的实例对象;就是上面比喻的水球 object : null); } } else {//如果不是单例对象 //调用FactoryBean的getObject方法返回实例，也就是从水球里面取出水； Object
1K20发布于 2021-07-14 - 来自专栏我爱计算机视觉
开源 4D 生成框架 | 4DGen: 基于动态 3D 高斯的可控 4D 生成
/VITA-Group/4DGen 视频 研究背景 尽管3D和视频生成取得了飞速的发展，由于缺少高质量的4D数据集，4D生成始终面临着巨大的挑战。 4DGen提出了“Grounded 4D Generation“的形式，通过利用视频序列和可选的3D模型作为4D生成的控制信息，可以实现更为精准的4D内容生成。 用户可通过输入视频序列或3D模型来约束4D结果的运动和外观；当用户仅提供单张图片作为输入时，可借助预训练好的视频生成模型来得到视频序列；当用户未提供3D模型时，可通过单张图片重建3D模型来作为起始点。 4DGen通过对第一帧多视图进行三维重建，得到初始的静态3D Gaussians作为4D生成的起始点。 由于4D数据的匮乏，需要尽可能的从先验模型中蒸馏信息。 总结 4DGen定义了” Grounded 4D Generation“的任务形式，通过视频序列和可选3D模型的引入提升了4D生成的可控性。
1.2K10编辑于 2024-01-02
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号