近要統計網站某些頁面的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小時內與您取得聯系。