整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
近要統(tǒng)計網(wǎng)站某些頁面的UV,PV數(shù)量,這里我先拋開ELK日志分析平臺,談?wù)勥@個echarts的數(shù)據(jù)可視化,個人感覺這個真心不錯,圖形化做得 非常nice.
按官方介紹：pyecharts 是一個用于生成 Echarts 圖表的類庫。Echarts 是百度開源的一個數(shù)據(jù)可視化 JS 庫。用 Echarts 生成的圖可視化效果非常棒，pyecharts 是為了與 Python 進(jìn)行對接，方便在 Python 中直接使用數(shù)據(jù)生成圖。
下面先展示幾個官方教程中比較常用的例子。
柱狀圖/折線圖
基本的柱狀圖&折線圖
from pyecharts import Bar
bar = Bar("我的第一個圖表", "這里是副標(biāo)題")
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("柱狀圖數(shù)據(jù)堆疊示例")
bar.add("商家A", attr, v1, is_stack=True)
bar.add("商家B", attr, v2, is_stack=True)
bar
堆疊柱狀圖.gif
還可以給柱狀圖加標(biāo)記
帶標(biāo)記的柱狀圖.gif
散點(diǎn)圖
from pyecharts import EffectScatter
v1 = [10, 20, 30, 40, 50, 60]
v2 = [25, 20, 15, 10, 60, 33]
es = EffectScatter("帶有漣漪特效動畫的動態(tài)散點(diǎn)圖示例")
es.add("effectScatter", v1, v2)
es
帶有漣漪特效的散點(diǎn)圖.gif
動態(tài)散點(diǎn)圖形.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("餅圖-圓環(huán)圖示例", 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
圓環(huán)圖.gif
儀表盤
from pyecharts import Gauge
gauge = Gauge("儀表盤示例")
gauge.add("業(yè)務(wù)指標(biāo)", "完成率", 66.66)
gauge.show_config()
gauge.render()
儀表盤.png
地理坐標(biāo)系
地理坐標(biāo)系組件用于地圖的繪制，支持在地理坐標(biāo)系上繪制散點(diǎn)圖，線集。
地理坐標(biāo)系1.gif
地理坐標(biāo)系2.gif
地理坐標(biāo)系3.gif
上面這些只是我覺得其中常用的一小部分。除了這些，還包含3D圖、關(guān)系圖、熱力圖、K線圖、水球圖、樹圖等等。效果都是非常炫酷，好看得不行！
我尤其喜歡這個水球圖。
水球圖.gif
但感覺用到的機(jī)會應(yīng)該不多。。。
總之，非常推薦這個python數(shù)據(jù)可視化工具?。?qiáng)大好用，效果炫酷，也支持numpy和pandas，非常便捷。
下面談?wù)勎夷壳盎趐yecharts類庫所做的,主要定期(目前日志是按天切割的)過濾一天中日志的數(shù)值信息,然后動態(tài)傳值到pyecharts中生成render.html頁面。
最后放上我從nginx日志中動態(tài)取值并傳到到pyecharts中的幾張截圖
柱狀圖展示
折線圖展示
希望大家多多關(guān)注,后期還會更新更過的數(shù)據(jù)可視化技術(shù)信息！！！
早 發(fā)自 凹非寺
量子位 | 公眾號 QbitAI
當(dāng)你還在等著更新Android 12的時候，谷歌已經(jīng)發(fā)布了第一個Android 13的開發(fā)者版本了。
這次谷歌計劃發(fā)布兩個開發(fā)者版本和4個Beta版本。根據(jù)谷歌給出的發(fā)布計劃，正式版最早在8月放出：
那這版安卓又增添了哪些新功能？來一起看一看~
在Android 13中，最顯眼的是界面的變化，尤其是主題圖標(biāo)的改變。
之前我們在給手機(jī)換壁紙的時候，App圖標(biāo)的顏色一直不會改變，有時候看起來很違和。
這次谷歌把動態(tài)顏色功能擴(kuò)展到了所有應(yīng)用上。
開發(fā)者只需要提供一個單色的圖標(biāo)，在用戶更換壁紙時，桌面上的圖標(biāo)就會根據(jù)壁紙的色調(diào)自動調(diào)整。
例如我們把界面改為深色模式之后，應(yīng)用圖標(biāo)也隨之變?yōu)樯钌?/p>
面對不同色調(diào)的壁紙，App的顏色也會隨之更改：
這項功能最初會在Pixel手機(jī)上應(yīng)用，不過谷歌也正在和制造商溝通，把它拓展到其他的設(shè)備上。
其次，Android 13還在語言方面做出了調(diào)整。
之前在設(shè)置中修改語言，手機(jī)上所有文字都會更換，不能單獨(dú)設(shè)置某個App的語言。
在新版本中，谷歌為了提高語言方面的兼容性，引入了一個新的平臺API，讓每個應(yīng)用程序都可以調(diào)用它來設(shè)置自己的語言。
例如在學(xué)英語的時候可以給自己某些App單獨(dú)設(shè)置語言，更容易進(jìn)入學(xué)習(xí)狀態(tài)。
而在隱私安全這塊，Android 13加入了一個照片選擇器，縮減了App權(quán)限的范圍。
在App上分享照片或者視頻的時候，照片選擇器可以劃定一個范圍，只共享范圍內(nèi)的照片，不需要授予App查看設(shè)備上所有媒體文件的權(quán)限。
同樣限制權(quán)限的還有Wi-Fi連接，Android 13允許設(shè)備發(fā)現(xiàn)附近的某些Wi-Fi，并且連接時不再需要位置權(quán)限。
隱私“死角”剪貼板Android 13也照顧到了，寫入剪貼板的內(nèi)容會定期清除，只會保留一個小時。
Android 13中還添加了可編程著色器，在渲染動畫時可以呈現(xiàn)漣漪效果、模糊效果和拉伸過渡滾動效果：
之前曾經(jīng)爆料的新的電池管理系統(tǒng)TARE也將上線。
這個新系統(tǒng)會根據(jù)當(dāng)前的電量給不同的App分配“信用點(diǎn)”，用來管理排隊任務(wù)。
其設(shè)置可以在開發(fā)者選項中查看：
除此之外，Android 13還針對平板電腦、可折疊設(shè)備和Chromebook等大屏幕的設(shè)備進(jìn)行了優(yōu)化。
參考鏈接：
[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是當(dāng)今最流行的前端開發(fā)庫之一，它讓我們的開發(fā)變得輕松高效，它可以輕松地和打包工具整合，同時它的第三方擴(kuò)展也非常的豐富，今天我們來介紹下react組件ui庫。這些UI框架通過分離重組構(gòu)成React的各個組件，在React中我們只需要引入它們就可以輕松地在代碼中使用它們。
材料設(shè)計是谷歌提出的一種UI設(shè)計指南，MaterialUI實(shí)現(xiàn)了材料設(shè)計，并且融入了React組件中。當(dāng)我們想要使用一些預(yù)定義的組件的時候，我們可以進(jìn)行預(yù)定義的配置，并且可以自定義我們的主題顏色，MaterialUI基于谷歌的材料設(shè)計思想，讓我們可以輕松地調(diào)用各個組件來實(shí)現(xiàn)一個個精美的質(zhì)感設(shè)計。
Bootstrap 是非常流行和廣泛使用的 CSS 框架之一。在響應(yīng)式設(shè)計中，很多人都使用它來進(jìn)行快速開發(fā)。通過將Bootstrap進(jìn)行組件化的改造，React-Bootstrap正在變得和原來的bootstrap一樣廣受歡迎。
Semantic UI 是一個可幫助創(chuàng)建對開發(fā)友好的 HTML結(jié)構(gòu)的響應(yīng)式布局框架。
它通過使用稱為觸發(fā)功能的行為的簡單短語來進(jìn)行操作，組件中的任何任意決定都包含為開發(fā)人員可以修改的設(shè)置。
此外，它還內(nèi)置了調(diào)試工具，使用它你可以輕松進(jìn)行bug的調(diào)試和性能的優(yōu)化。
Onsens UI 元素和組件是原生設(shè)計的，非常適合開發(fā)混合應(yīng)用程序和網(wǎng)絡(luò)應(yīng)用程序。 該庫使您能夠模擬頁面轉(zhuǎn)換、動畫、漣漪效果、彈出模型——基本上，您可以在原生 Android 和 iOS 設(shè)備中找到任何效果。
Ant Design是企業(yè)級 UI 設(shè)計語, 它是用 TypeScript 編寫的開箱即用的高質(zhì)量 React 組件。它支持瀏覽器、服務(wù)器端渲染和Electron環(huán)境，有很多組件，甚至還有 Create-react-app 教程.
Chakra UI 的所有組件都嚴(yán)格遵循 WAI-ARIA 標(biāo)準(zhǔn)，并且可以輕松地構(gòu)建新的組件，它提供了多種顏色進(jìn)行優(yōu)化，使用它你可以很容易構(gòu)建出淺色主題和深色主題。
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
