python制作水球图


水球图是一种适合于展现单个百分比数据的图表类型,pyecharts模块能够非常方便画出水球图,进而实现酷炫的数据展示效果。

下面给大家介绍一下常见水球图的实现方法:

一、基本水球图

from pyecharts import options as opts
from pyecharts.charts import Liquidc = (Liquid().add("lq", [0.6, 0.7]).set_global_opts(title_opts=opts.TitleOpts(title="基本形状"))
)
c.render_notebook()

这是最基本的水球图

二、改变水球形状和颜色

from pyecharts import options as opts
from pyecharts.charts import Liquid
from pyecharts.globals import SymbolTypec = (Liquid().add("lq", [0.3, 0.7], shape=SymbolType.TRIANGLE,color=['#4B0082']).set_global_opts(title_opts=opts.TitleOpts(title="Liquid-Shape-rect"))
)
c.render_notebook()

通过设置以下参数,可以变换水球的形状和颜色

color:改变水的颜色,注意,颜色是列表形式 
shape:改变形状,水球外形,有' circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow' 可选

三、不显示外边框、多波浪

from pyecharts import options as opts
from pyecharts.charts import Liquid
from pyecharts.globals import SymbolTypec = (Liquid().add("lq",[0.67, 0.30, 0.15], is_outline_show=False).set_global_opts(title_opts=opts.TitleOpts(title="Liquid-Shape-rect"))
)
c.render_notebook()

is_outline_show:控制外边框

四、多个水球图显示

将水球按一定规则摆放在一起,用来展示多个数据指标,将会非常美观

from pyecharts import options as opts
from pyecharts.charts import Grid, Liquid
from pyecharts.commons.utils import JsCodel1 = (Liquid().add("lq", [0.6, 0.7], center=["13%", "60%"],color=['#3CB371'],label_opts=opts.LabelOpts(font_size=20,formatter=JsCode("""function (param) {return ('第一季度:'+Math.floor(param.value * 10000) / 100) + '%';}"""),position="inside",),).set_global_opts(title_opts=opts.TitleOpts(title="多个 Liquid 显示"))
)l2 = Liquid().add("lq",[0.5554],center=["38%", "60%"],color=['#87CEEB'],label_opts=opts.LabelOpts(font_size=20,formatter=JsCode("""function (param) {return ('第二季度:'+Math.floor(param.value * 10000) / 100) + '%';}"""),position="inside",),
)l3 = (Liquid().add("lq", [0.63, 0.7], center=["63%", "60%"],color=['#FAFAD2'],label_opts=opts.LabelOpts(font_size=20,formatter=JsCode("""function (param) {return ('第三季度:'+Math.floor(param.value * 10000) / 100) + '%';}"""),position="inside",),).set_global_opts(title_opts=opts.TitleOpts(title="多个 Liquid 显示"))
)l4 = Liquid().add("lq",[0.4954],center=["88%", "60%"],color=['#C0C0C0'],label_opts=opts.LabelOpts(font_size=20,formatter=JsCode("""function (param) {return ('第四季度:'+Math.floor(param.value * 10000) / 100) + '%';}"""),position="inside",),
)
grid = Grid().add(l1, grid_opts=opts.GridOpts()).add(l2, grid_opts=opts.GridOpts()).add(l3, grid_opts=opts.GridOpts()).add(l4, grid_opts=opts.GridOpts())
grid.render_notebook()

下次可以用这个水球组合图给老板展示年度收益情况,并且绿、蓝、黄、白分别代表春夏秋冬,既美观又有内涵。

●图解最常用的10大机器学习算法!●12000+字超详细 SQL 语法速成!
后台回复“入群”即可加入小z干货交流群

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/352434.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

vue3实现水球图

水球图实现的方式有很多种,譬如: a.通过canvas 的sin 绘制水波实现 b.通过canvas的贝塞尔曲线实现水波 c.通过echarts的echarts-liquidfill水球图插件实现 canvas手写水球图确实也不难,只不过效果没有使用echarts-liquidfill插件的好&…

动态水球效果

&#xff08;1&#xff09;首先画出两条虚线之间的弧&#xff0c;以左上的那个点为原点 <div class"wave"></div> .wave { height: 100px; background-color: rgb(125, 242, 142); margin-top…

echart-水球图

Echarts学习之——水球图(echarts-liquidfill) ​ 水球图(Liquid Fill Chart)是填充仪表盘的一种,适合于展现单个百分比数据的图表类型。一般用以于显示利润,回款等财务指标。 安装 npm i echarts npm i echarts-liquidfill注意&#xff1a;echarts-liquidfill3版本匹配echar…

echarts 水球示例

使用echarts水球要先安装水球的依赖。 npm i echarts-liquidfill 代码&#xff1a; // import Common from "./common";import * as echarts from "echarts"; import "echarts-liquidfill/src/liquidFill.js";// ecahrts的水球 export defaul…

echarts-liquidfill 水球图使用

下载及文档&#xff1a;https://github.com/ecomfe/echarts-liquidfill#api 下载好之后把 echarts-liquidfill.js 导入项目即可 水球图支持非常高度定制化的需求&#xff0c;包括颜色&#xff08;color&#xff09;、大小&#xff08;radius&#xff09;、波的振幅&#xff…

android 动态水球,Canvas 制作动态进度加载水球详解及实例代码

Canvas 动态进度加载水球 前言 之前看到一些球型的动态加载的效果&#xff0c;一直想自己动手做一个&#xff0c;正好这段时间重温了一个Canvas&#xff0c;所以就尝试了一下。 实现思路 关于水波的实现&#xff0c;使用了sin()函数&#xff0c;通过每一帧不断的移动sin()函数曲…

CSS动态能量加载水球

效果如下&#xff1a; 相关代码&#xff1a; 由于水面上升的高度是动态传值控制&#xff0c;所以水面上升和波动的动画需通过js添加。 HTML&#xff1a; <div class"crystal"><div class"box"><div class"wave"></div&g…

自定义水球

效果图&#xff1a; 这里的水波纹效果实际上是用得到了数学里的正弦函数,关于正弦函数&#xff1a; 正弦型函数解析式&#xff1a;yAsin&#xff08;ωxφ&#xff09;h 各常数值对函数图像的影响&#xff1a; φ&#xff08;初相位&#xff09;&#xff1a;决定波形与X轴位置…

d3js 实现水球图

d3js 源码地址&#xff1a;: http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6 官方提供的代码不能直接用&#xff0c;版本3.x 这是调整后v5能使用的。 <!DOCTYPE html> <html><head><meta charsetutf-8><meta http-equivX-UA-Compatible conte…

echarts 画动态水球

前言 在对一些需要存放液体的工厂进行开发基于物联网传感器的监控平台时&#xff0c;经常需要监控 该蓄水池当前所处的容量占比为多少。 以达到随时调整其蓄水量的目的。接下来我们看 一下一些常见的水球项目。 有这样的&#xff1a; 这样的&#xff1a; 甚至还有这样的&…

ECHARTS 水球图

转载编辑。 原作者链接地址&#xff1a;https://zhuanlan.zhihu.com/p/25353670?group_id827655855632715776 水球图是一种适合于展现单个百分比数据的图表类型&#xff0c;ECharts 的水球图插件使你能够通过非常简单的配置&#xff0c;实现酷炫的数据展示效果。 第一步&…

echarts 水球图

// ECharts 水球图插件&#xff0c;需要额外插件脚本&#xff0c;参见上方“脚本” // 完整配置参数参见&#xff1a;https://github.com/ecomfe/echarts-liquidfillvar option {series: [{type: liquidFill,data: [0.6, 0.5, 0.4, 0.3],radius: 40%,shape: diamond,center: […

从0到1:如何建立一个大规模多语言代码生成预训练模型

国产AI辅助编程工具CodeGeeX是一个使用AI大模型为基座的辅助编程工具&#xff0c;帮助开发人员更快的编写代码。可以自动完成整个函数的编写&#xff0c;只需要根据注释或Tab按键即可。它已经在Java、JavaScript和Python等二十多种语言上进行了训练&#xff0c;并基于大量公开的…

【Python】打包与发布(Packaging and distributing projects)

以Unix/macOS系统为例。 前提准备&#xff1a;确保pip为最新版本&#xff0c;可使用以下命令来更新pip&#xff1a; python3 -m pip install --upgrade pip一、创建一个简单的项目 我们在目录packaging_tutorial下进行操作。 项目名称为&#xff1a;example_package_wayne。 …

2023国际管理会计教育联盟发展论坛在沪成功召开

2023年5月7日&#xff0c;由教育部中外人文交流中心、国际管理会计教育联盟&#xff08;下称“联盟”&#xff09;主办&#xff0c;中国商业会计学会、上海交通大学安泰经济与管理学院承办的2023国际管理会计教育联盟发展论坛&#xff08;下称“发展论坛”&#xff09;在上海成…

系统架构师之高内聚低耦合

一、概念&#xff1a; 标记耦合&#xff08;Stamp Coupling&#xff09;和数据耦合&#xff08;Data Coupling&#xff09;是软件设计中两种不同的耦合类型&#xff0c;它们之间的区别如下&#xff1a; 标记耦合&#xff1a;标记耦合是指模块之间通过参数传递标记或标识符来进…

怎样把m4a转换成mp3格式?

怎样把m4a转换成mp3格式&#xff1f;大家都知道m4a音频格式兼容性差&#xff0c;这已成为许多小伙伴头疼的问题&#xff0c;因为很多人不会m4a转mp3的方法&#xff0c;从而导致m4a音频无法正常播放。在过去&#xff0c;想把m4a转换成mp3格式确实有一定的难度&#xff0c;但是如…

m4a怎么转换成mp3格式?

最近总有伙伴问我&#xff1a;“小编&#xff0c;m4a怎么转换成mp3格式&#xff1f;有没有什么简单有效的方法”。其实要想把m4a转换成mp3格式&#xff0c;转换工具就是钥匙&#xff0c;有了这把钥匙你就能更快地打开m4a转mp3格式的大门了。所以&#xff0c;选择好转换工具&…

如何快速的把m4a转换成mp3格式

无论是把m4a转换成mp3格式&#xff0c;还是把其他别的格式转换成mp3格式&#xff0c;一直都是有搜索热度的问题。虽然近两年把m4a转换成MP3的解决方法有很多&#xff0c;但是依旧满足不了小伙伴们寻找转换方法的现状。最主要的原因不是大家找不到转换成MP3的方法&#xff0c;而…

怎样把m4a转换mp3格式?

怎样把m4a转换mp3格式&#xff1f;m4a是苹果手机上的录音文件格式&#xff0c;随着苹果手机的广泛普及&#xff0c;m4a音频文件使用也越来越多&#xff0c;有的小伙伴将m4a音频文件转载到电脑上后&#xff0c;会因为兼容性的问题导致m4a文件不能打开播放。由于m4a是苹果公司开发…