平進(jìn)做個(gè)圖表感覺好麻煩,現(xiàn)在有了G2就會(huì)簡(jiǎn)單方便很多,支付寶推出的數(shù)據(jù)圖表生成工具——G2現(xiàn)已正式上線,它能快速讓用戶通過簡(jiǎn)單的語法搭建出無數(shù)種圖表,并建成大量的統(tǒng)計(jì)工具,很神奇,下面還有教程,有需要的快來試試!
G2集成了大量的統(tǒng)計(jì)函數(shù),支持多種坐標(biāo)系繪制,可以讓用戶通過簡(jiǎn)單的語法生成各種圖表,并且能夠方便的進(jìn)行自由定制,可謂DT時(shí)代數(shù)據(jù)處理的神器。
支付寶G2數(shù)據(jù)圖表生成工具怎么繪制
繪制方法
G2只提供<script> 標(biāo)簽引入的方式,只需要像普通的 JavaScript 庫(kù)一樣用 script 標(biāo)簽引入即可,然后創(chuàng)建圖表容器,之后就可以進(jìn)行如表繪制了。
支付寶G2數(shù)據(jù)圖表生成工具功能介紹
簡(jiǎn)單、易用便于擴(kuò)展
G2 的圖形語法為我們提供了一套非常自由簡(jiǎn)潔的創(chuàng)建圖表過程,可以說是一句話畫圖;并且 G2 提供了更簡(jiǎn)單的可視化改變形式,對(duì)于使用者來說,用戶僅僅改變非常少的配置就可以實(shí)現(xiàn)不同圖表之間的切換?梢暬问降妮p松改變可以幫助數(shù)據(jù)分析人員更佳容易的找到適用于他的數(shù)據(jù)的形式,進(jìn)而發(fā)現(xiàn)數(shù)據(jù)中的規(guī)律。
強(qiáng)大的數(shù)據(jù)分析能力
G2 做為 DT 時(shí)代強(qiáng)大的數(shù)據(jù)可視化工具,提供了強(qiáng)大的數(shù)據(jù)分析能力,這些都是基于 G2 內(nèi)置的一系列統(tǒng)計(jì)方法,大大提高用戶數(shù)據(jù)可視化的效率。
豐富的圖表類型
G2 并不是一個(gè)特定幾個(gè)圖表的生產(chǎn)庫(kù),而是一個(gè)繪圖工具,提供的是一種自由繪圖、組合創(chuàng)造的能力,所有的可視化結(jié)果都是由幾何圖形對(duì)象,映射,度量,統(tǒng)計(jì),坐標(biāo)系等基本圖形語法元素排列組合而成,這就決定了用戶可以使用這些圖形語法元素進(jìn)行各種各樣的組合,創(chuàng)造出屬于自己的圖表。目前 G2 已經(jīng)可以繪制出數(shù)不清的圖表,其中包含了 30 余種常見的圖表,還有更多我們都叫不上名字的圖表。
支付寶G2數(shù)據(jù)圖表生成工具圖形語法構(gòu)成
幾何圖形對(duì)象 Geom:即你在圖表中實(shí)際看到的圖形元素,包括點(diǎn)、線、面、多邊形等。
度量 Scale:度量的作用是將數(shù)據(jù)的取值映射到圖形空間,例如用顏色、大小或形狀來表示不同的取值。
圖形屬性 Attrs:是將數(shù)據(jù)的不同字段映射成位置、顏色、大小、形狀等圖形屬性。
統(tǒng)計(jì)變換 Stat:是對(duì)數(shù)據(jù)進(jìn)行的某種匯總,例如常見的求 mean median mode 等操作。統(tǒng)計(jì)變換是可選的,但是通常非常有用,比如在繪制直方圖時(shí)就需要對(duì)數(shù)據(jù)進(jìn)行分組計(jì)數(shù)。
坐標(biāo)系 Coord:描述了數(shù)據(jù)是如何映射到圖形所在的平面,包括常見的笛卡爾坐標(biāo)系、極坐標(biāo)以及地圖投影坐標(biāo),并且還提供了看圖所需的坐標(biāo)軸和網(wǎng)格線。
分面 Facet:描述了如何將數(shù)據(jù)分解為各個(gè)子集,以及如何對(duì)子集作圖并聯(lián)合進(jìn)行展示,它會(huì)將一張圖表分解成多張圖表。
關(guān)于G2
G2的全稱是The Grammar Of Graphics(圖形語法)。與傳統(tǒng)的圖表系統(tǒng)不同,這是一個(gè)基于統(tǒng)計(jì)分析的語義化數(shù)據(jù)可視化系統(tǒng),做到了讓數(shù)據(jù)驅(qū)動(dòng)圖形:用戶在使用時(shí),無需關(guān)心繪圖細(xì)節(jié),只需關(guān)注待分析的數(shù)據(jù)。僅需簡(jiǎn)單的語句,G2便可展示多樣的圖表。
支付寶G2 1.2.1 更新內(nèi)容
refactor: guide/Arc 算法優(yōu)化。
fix: tooltip corsshair遮蓋點(diǎn)的問題。
fix: treemap 字段寫死的問題。