- 综合排序
- 最热优先
- 最新优先
- 来自专栏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使用率、完成度、剩余电量）的颜值担当 它简单、好用，但在这个“卷”视觉的时代，传统的 2D 扁平水球有时显得不够“震撼”。 今天我们来聊聊一个有趣的话题：如何用 RayChart 手搓一个真实的 3D 水球，并对比它与 ECharts 水球的区别。 核心构成一个真实的 3D 水球通常由三部分组成：玻璃外壳：一个透明的球体容器。液体主体：球体内部被截断的下半部分。液体表面：一个随波浪起伏的顶盖。技术实现细节A. 如果你在做酷炫的数据大屏，想要那种“看起来很贵”的效果，RayChart 的 3D 水球绝对值得一试。
36000编辑于 2026-01-13 - 来自专栏算法channel
动态线图+水球图，非常精美！
'; 拼接图形：img=img1+img2+... 2 水球图边缘如何做出立体感？ ? 水球图显示某几个数值大小，波浪流动，显示非常醒目。通过2个水球图的对比显示拜登和川普最新支持率情况。 细心的读者可能注意到，水球图边缘有一种立体感，这种是如何做出来的？ 以上作品所有完整源码，只需在我的公众号里回复 geo 即可。
88510发布于 2020-10-23 - 来自专栏技术汇总专栏
Pyecharts水球图深度探索与创意应用
基础水球图首先，让我们创建一个基础的水球图，展示某个指标的完成比例。 运行代码后，将生成一个HTML文件，其中包含了可交互的水球图。4. 自定义水球图样式Pyecharts允许用户自定义水球图的样式，包括颜色、半径、边框等。 多水球图展示有时候，我们需要在同一图表中展示多个水球图，以对比不同指标的完成情况。 水球图的动态效果水球图不仅可以静态展示完成比例，还可以通过动态效果增强用户的视觉体验。 9. 水球图的交互功能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）】绘制水球图
任务说明 使用原生canvasAPI绘制水球图，这将是一个非常有意思的挑战任务。 球形剪裁区域 水波的范围是不能流出球形的外轮廓的，此处的做法是在绘制水波之前，先使用context.clip( )方法将水波的可见绘图区域控制在水球之内即可，如果还有水球外的图形需要绘制，记得在每一帧绘制完水波后调用 示例代码 let options = { value:0, a:20,//振幅 pos:[300,300],//水球图位置 r:160,//水球图半径 color :['#2E5199','#1567c8','#1593E7','#42B8F9']//水纹颜色 }; start(options); /** * 绘制水球图 */ function start 关于canvas抗锯齿 如果仔细查看上面的水球外圆，会发现水球图的外侧不是很平整，看起来会有很多锯齿。
1.7K00发布于 2019-04-18 - 来自专栏一“技”之长
iOS9系列专题一——3D Touch 原
新的触摸体验——iOS9的3D Touch 一、引言 在iphone6s问世之后，很多果粉都争先要体验3D Touch给用户带来的额外维度上的交互，这个设计之所以叫做3D Touch， device that supports 3D Touch. 3.Force Properties iOS9为我们提供了一个新的交互参数:力度。我们可以检测某一交互的力度值，来做相应的交互处理。 五、Home Screen Quick Action使用与相关api详解 iOS9为我们提供了两种屏幕标签，分别是静态标签和动态标签。 UIMutableApplicationShortcutItem 创建可变的3DTouch标签的类 UIApplicationShortcutIcon 创建标签中图片Icon的类 因为这些类是iOS9中新增加的类
79320发布于 2018-08-16 - 来自专栏呆呆敲代码的小Y 公众号
【Unity ShaderGraph】| 制作一个 高级流体水球效果
前言 本文将使用ShaderGraph制作一个 高级流体水球 ，可以直接拿到项目中使用。 【Unity ShaderGraph】| 快速制作一个 流体水球效果 一、效果展示 资源下载方式： ShaderGraph效果资源整合文件【其中内容持续更新】 二、简易流体水球效果 首先在Project 双击打开该ShaderGraph，连接节点如下： 通过调节Slider可以控制水球大小。 三、进阶流体水球效果 在上面的水球效果基础上再加一层用于显示水花效果，连接节点如下所示： 通过调节定义的外部Float节点progress可以调节水球的大小饱和度。 progress = 0f; } } } 将脚本挂载到场景的Image组件中，并将刚才创建的材质球和Text组件拖到脚本中，如下图所示： 需要注意的是要将控制水球进度的
1.3K30编辑于 2023-10-28 - 来自专栏码客
Echarts中使用水球图和标签云图(词云图)
水球图 对于Echarts4.9及以下是内置水球图的，但是5.x以上版本是没有的。
1.5K20编辑于 2023-10-23 - 来自专栏python3
pyecharts 安装及使用指南
四、绘制3D图形 3D折线图 from pyecharts import options as opts from pyecharts.charts import Line3D from pyecharts.faker 3D散点图 import pyecharts.options as opts from pyecharts.charts import Scatter3D import random data = [ , random.randint(0, 100)] for _ in range(80)] range_color = ['#313695', '#4575b4', '#74add1', '#abd9e9 六、水球图 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 - 来自专栏Lansonli技术博客
pyEcharts安装及详细使用指南
图形 绘制3D折线图代码如下： # -*- coding:utf-8 -*- from pyecharts import Line3D import random data = [[1,2,3,4 , random.randint(0, 100)] for _ in range(80)] range_color = ['#313695', '#4575b4', '#74add1', '#abd9e9 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 province_distribution = {'河南': 45.23, '北京': 37.56, '河北': 21, '辽宁': 12, '江西': 6, '上海': 20, '安徽': 10, '江苏': 16, '湖南': 9,
1.3K20发布于 2021-10-09 - 来自专栏算法channel
历时 1 个月，做了 10 个 Python 可视化动图，用心且精美...
7 水球图 想要对比几个重要的值，使用水球图是不错的选择，下面水球图边缘使用渐变色，带出一种凹凸感： ? 8 迁徙图 飞机图标是亮点，你知道怎么画上去的吗？ 9 热力图 带有间隔的热力图，每个色块井然有序，清晰可见，妙哉！ ? 10 Map图 全国大学分布的Map图，颜色接近橙红的块表示此省大学最多，详情参照左下角的VisualMap条： ?
92830发布于 2020-10-23 - 来自专栏Python进阶之路
python pyecharts数据可视化 词云图 仪表盘 水球图
barrages.txt') as f: data = f.read() # 文本预处理 去除一些无用的字符 只提取出中文出来 new_data = re.findall('[\u4e00-\u9fa5 formatter="{a}
{b} : {c}%", ) ) .render('gauge.html') ) 运行效果如下： [f8n0snzzxj.gif] 三、水球图 center=['60%', '50%'], # 水球外形，有' circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', opts.GridOpts()).add(lq_2, grid_opts=opts.GridOpts()) grid.render("multiple_liquid.html") 运行效果如下： [bcnp9al4g8 [6zo8f4nr9u.png?1.9K30发布于 2020-09-17 - 来自专栏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 - 来自专栏算法channel
我原创的 10 个 Python 可视化作品，今天源码全部开放下载！
7 水球图 想要对比几个重要的值，使用水球图是不错的选择，下面水球图边缘使用渐变色，带出一种凹凸感： ? 8 迁徙图 飞机图标是亮点，你知道怎么画上去的吗？ 9 热力图 带有间隔的热力图，每个色块井然有序，清晰可见，妙哉！ ? 10 Map图 全国大学分布的Map图，颜色接近橙红的块表示此省大学最多，详情参照左下角的VisualMap条： ?
1.2K10发布于 2021-01-06 - 来自专栏大家一起学编程
python-pyecharts 数据分析原来可以这么炫酷
render 会生成本地 HTML 文件，默认会在当前目录生成 render.html 文件 # 也可以传入路径参数，如 bar.render("mycharts.html") bar.render() 4、3d 柱状图 上面是最基本的统计图，柱状图，那我们来看一下3d柱状图。 , title_opts=opts.TitleOpts(title="Graph-微博转发关系图"), ) .render("graph_weibo.html") ) 9、 水球图 水球图，统计完成度，或者进度。 地图 让数据在3d地图上显示出来。
1K30编辑于 2021-12-13 - 来自专栏用户6291251的专栏
精选30个炫酷的数据可视化大屏(含源码)，拿走就用！
主要图表：柱状图、水球图、折线图等。 02 数据可视化演示系统 不仅有动画效果，还有科技感光效。 主要图表：柱状图、折线图、饼图、地图等。 05 翼兴消防监控 消防数据监控，有两个可旋转的3D柱状图。 主要图表：柱状图、气泡图、仪表盘图、折线图等。 06 南方软件视频平台大屏中心 中间的柱状图添加了渐变颜色，显得很有立体感！ 主要图表：条形图、仪表盘图、雷达图、水球图等。 26 酒机运行状态 主要图表：仪表盘图、饼图、柱状图等。 27 医疗督导平台 这个在疫情期间，应该是非常有用的。 主要图表：环形图、柱状图等。 30 风机可视化大屏 一个3D风机可视化大屏，可以看到风机内部组件的运行情况。 主要图表：条形图、折线图等。 上述可视化大屏资源已打包，下方公众号回复「可视化大屏」，即可获取。
54.1K10626发布于 2021-10-08 - 来自专栏Python疯子
Python强大的pyecharts绘画优美图形<三>
绘制图形： 仪表盘 - 漏斗图 - 关系图 - 水球 - 极坐标 - 雷达 from pyecharts import Funnel, Gauge, Graph attr =["衬衫", "羊毛衫", liquid =Liquid("水球图") liquid.add("Liquid", [0.6]) liquid.show_config() liquid.render(path='. /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') ?
1.3K30发布于 2018-09-06 - 来自专栏深度学习
【深度学习】 Python 和 NumPy 系列教程（廿三）：Matplotlib详解：2、3d绘图类型（9）3D等高线投影图（3D Contour Projection Plot）
spm=1001.2014.3001.5501 2. 3D散点图（3D Scatter Plot） 3d绘图类型（2）3D散点图（3D Scatter Plot）_QomolangmaH的博客-CSDN spm=1001.2014.3001.5501 3. 3D条形图（3D Bar Plot） 3d绘图类型（3）3D条形图（3D Bar Plot）_QomolangmaH的博客-CSDN博客编辑https spm=1001.2014.3001.5502 4. 3D曲面图（3D Surface Plot） 3d绘图类型（4）3D曲面图（3D Surface Plot）_QomolangmaH的博客-CSDN spm=1001.2014.3001.5501 7. 3D表面投影图（3D Surface Projection Plot） 3d绘图类型（7）3D表面投影图（3D Surface Projection spm=1001.2014.3001.5501 9. 3D等高线投影图（3D Contour Projection Plot） import numpy as np import matplotlib.pyplot
66010编辑于 2024-07-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号