近要统计网站某些页面的UV,PV数量,这里我先抛开ELK日志分析平台,谈谈这个echarts的数据可视化,个人感觉这个真心不错,图形化做得 非常nice.
按官方介绍:pyecharts 是一个用于生成 Echarts 图表的类库。Echarts 是百度开源的一个数据可视化 JS 库。用 Echarts 生成的图可视化效果非常棒,pyecharts 是为了与 Python 进行对接,方便在 Python 中直接使用数据生成图。
下面先展示几个官方教程中比较常用的例子。
柱状图/折线图
基本的柱状图&折线图
from pyecharts import Bar bar = Bar("我的第一个图表", "这里是副标题") bar.add("服装", ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"], [5, 20, 36, 10, 75, 90],is_more_utils=True) bar
基本柱状图和折线图.gif
堆叠柱状图
from pyecharts import Bar attr = ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"] v1 = [5, 20, 36, 10, 75, 90] v2 = [10, 25, 8, 60, 20, 80] bar = Bar("柱状图数据堆叠示例") bar.add("商家A", attr, v1, is_stack=True) bar.add("商家B", attr, v2, is_stack=True) bar
堆叠柱状图.gif
还可以给柱状图加标记
带标记的柱状图.gif
散点图
from pyecharts import EffectScatter v1 = [10, 20, 30, 40, 50, 60] v2 = [25, 20, 15, 10, 60, 33] es = EffectScatter("带有涟漪特效动画的动态散点图示例") es.add("effectScatter", v1, v2) es
带有涟漪特效的散点图.gif
动态散点图形.gif
漏斗图
from pyecharts import Funnel attr = ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"] value = [20, 40, 60, 80, 100, 120] funnel = Funnel("漏斗图示例") funnel.add("商品", attr, value, is_label_show=True, label_pos="inside", label_text_color="#fff") funnel
漏斗图.gif
饼图
from pyecharts import Pie attr = ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"] v1 = [11, 12, 13, 10, 10, 10] pie = Pie("饼图示例") pie.add("", attr, v1, is_label_show=True) pie
饼图.gif
from pyecharts import Pie attr = ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"] v1 = [11, 12, 13, 10, 10, 10] pie = Pie("饼图-圆环图示例", title_pos='center') pie.add("", attr, v1, radius=[40, 75], label_text_color=None, is_label_show=True, legend_orient='vertical', legend_pos='left') pie
圆环图.gif
仪表盘
from pyecharts import Gauge gauge = Gauge("仪表盘示例") gauge.add("业务指标", "完成率", 66.66) gauge.show_config() gauge.render()
仪表盘.png
地理坐标系
地理坐标系组件用于地图的绘制,支持在地理坐标系上绘制散点图,线集。
地理坐标系1.gif
地理坐标系2.gif
地理坐标系3.gif
上面这些只是我觉得其中常用的一小部分。除了这些,还包含3D图、关系图、热力图、K线图、水球图、树图等等。效果都是非常炫酷,好看得不行!
我尤其喜欢这个水球图。
水球图.gif
但感觉用到的机会应该不多。。。
总之,非常推荐这个python数据可视化工具!!强大好用,效果炫酷,也支持numpy和pandas,非常便捷。
下面谈谈我目前基于pyecharts类库所做的,主要定期(目前日志是按天切割的)过滤一天中日志的数值信息,然后动态传值到pyecharts中生成render.html页面。
最后放上我从nginx日志中动态取值并传到到pyecharts中的几张截图
柱状图展示
折线图展示
希望大家多多关注,后期还会更新更过的数据可视化技术信息!!!
早 发自 凹非寺
量子位 | 公众号 QbitAI
当你还在等着更新Android 12的时候,谷歌已经发布了第一个Android 13的开发者版本了。
这次谷歌计划发布两个开发者版本和4个Beta版本。根据谷歌给出的发布计划,正式版最早在8月放出:
那这版安卓又增添了哪些新功能?来一起看一看~
在Android 13中,最显眼的是界面的变化,尤其是主题图标的改变。
之前我们在给手机换壁纸的时候,App图标的颜色一直不会改变,有时候看起来很违和。
这次谷歌把动态颜色功能扩展到了所有应用上。
开发者只需要提供一个单色的图标,在用户更换壁纸时,桌面上的图标就会根据壁纸的色调自动调整。
例如我们把界面改为深色模式之后,应用图标也随之变为深色:
面对不同色调的壁纸,App的颜色也会随之更改:
这项功能最初会在Pixel手机上应用,不过谷歌也正在和制造商沟通,把它拓展到其他的设备上。
其次,Android 13还在语言方面做出了调整。
之前在设置中修改语言,手机上所有文字都会更换,不能单独设置某个App的语言。
在新版本中,谷歌为了提高语言方面的兼容性,引入了一个新的平台API,让每个应用程序都可以调用它来设置自己的语言。
例如在学英语的时候可以给自己某些App单独设置语言,更容易进入学习状态。
而在隐私安全这块,Android 13加入了一个照片选择器,缩减了App权限的范围。
在App上分享照片或者视频的时候,照片选择器可以划定一个范围,只共享范围内的照片,不需要授予App查看设备上所有媒体文件的权限。
同样限制权限的还有Wi-Fi连接,Android 13允许设备发现附近的某些Wi-Fi,并且连接时不再需要位置权限。
隐私“死角”剪贴板Android 13也照顾到了,写入剪贴板的内容会定期清除,只会保留一个小时。
Android 13中还添加了可编程着色器,在渲染动画时可以呈现涟漪效果、模糊效果和拉伸过渡滚动效果:
之前曾经爆料的新的电池管理系统TARE也将上线。
这个新系统会根据当前的电量给不同的App分配“信用点”,用来管理排队任务。
其设置可以在开发者选项中查看:
除此之外,Android 13还针对平板电脑、可折叠设备和Chromebook等大屏幕的设备进行了优化。
参考链接:
[1]https://android-developers.googleblog.com/2022/02/first-preview-android-13.html
[2[https://techcrunch.com/2022/02/10/the-first-developer-preview-of-android-13-has-arrived/
[3]https://blog.esper.io/android-13-deep-dive/#features
eactJS是当今最流行的前端开发库之一,它让我们的开发变得轻松高效,它可以轻松地和打包工具整合,同时它的第三方扩展也非常的丰富,今天我们来介绍下react组件ui库。这些UI框架通过分离重组构成React的各个组件,在React中我们只需要引入它们就可以轻松地在代码中使用它们。
材料设计是谷歌提出的一种UI设计指南,MaterialUI实现了材料设计,并且融入了React组件中。当我们想要使用一些预定义的组件的时候,我们可以进行预定义的配置,并且可以自定义我们的主题颜色,MaterialUI基于谷歌的材料设计思想,让我们可以轻松地调用各个组件来实现一个个精美的质感设计。
Bootstrap 是非常流行和广泛使用的 CSS 框架之一。在响应式设计中,很多人都使用它来进行快速开发。通过将Bootstrap进行组件化的改造,React-Bootstrap正在变得和原来的bootstrap一样广受欢迎。
Semantic UI 是一个可帮助创建对开发友好的 HTML结构的响应式布局框架。
它通过使用称为触发功能的行为的简单短语来进行操作,组件中的任何任意决定都包含为开发人员可以修改的设置。
此外,它还内置了调试工具,使用它你可以轻松进行bug的调试和性能的优化。
Onsens UI 元素和组件是原生设计的,非常适合开发混合应用程序和网络应用程序。 该库使您能够模拟页面转换、动画、涟漪效果、弹出模型——基本上,您可以在原生 Android 和 iOS 设备中找到任何效果。
Ant Design是企业级 UI 设计语, 它是用 TypeScript 编写的开箱即用的高质量 React 组件。它支持浏览器、服务器端渲染和Electron环境,有很多组件,甚至还有 Create-react-app 教程.
Chakra UI 的所有组件都严格遵循 WAI-ARIA 标准,并且可以轻松地构建新的组件,它提供了多种颜色进行优化,使用它你可以很容易构建出浅色主题和深色主题。
*请认真填写需求信息,我们会在24小时内与您取得联系。