DataEase開源數(shù)據(jù)可視化分析平臺于2022年6月正式發(fā)布模板市場（https://dataease.io/templates/）。模板市場旨在為DataEase用戶提供專業(yè)、美觀、拿來即用的儀表板模板，方便用戶根據(jù)自身的業(yè)務需求和使用場景選擇對應的儀表板模板，并在優(yōu)質(zhì)模板的基礎上輕松制作自己的儀表板。目前，模板市場的模板數(shù)量已經(jīng)達到了100個。

2023年6月上新模板

DataEase模板市場定期進行模板上新。2023年6月共上新6個模板，涉及航空運行、智能交通、智慧執(zhí)法、人力資源、開源、電商運營等主題，歡迎大家在DataEase模板市場下載使用。

模板技巧

本月的模板技巧為大家介紹常見的數(shù)據(jù)關系，以及針對不同的數(shù)據(jù)類型如何選擇合適的AntV和ECharts視圖類型。

在實際的數(shù)據(jù)分析場景中，我們經(jīng)常會遇到的數(shù)據(jù)關系包括以下五種：即趨勢、比較、分布、關系和空間位置。而在制作儀表板的的時候，根據(jù)不同的業(yè)務場景，為數(shù)據(jù)關系和數(shù)據(jù)類型選擇合適的視圖是十分重要的。DataEase開源數(shù)據(jù)可視化分析平臺支持AntV和ECharts兩種視圖類型。兩種視圖類型在設置上存在細微的差別，因此在制作視圖時需要根據(jù)不同的顯示要求選擇不同的視圖類型。

在了解數(shù)據(jù)關系之前，需要首先明確數(shù)據(jù)的類型：

1. 定性數(shù)據(jù)

? 類別數(shù)據(jù)：包含有限的類別數(shù)或可區(qū)分組數(shù)。類別數(shù)據(jù)可能不是邏輯順序，例如性別、材料類型、付款方式等。

2. 定量數(shù)據(jù)

? 離散數(shù)據(jù)：在兩個值之間具有可計數(shù)的值的數(shù)據(jù)，離散數(shù)據(jù)始終為數(shù)值。例如，客戶投訴數(shù)量，瑕疵或缺陷數(shù)，一個學校的學生人數(shù)等；

? 連續(xù)數(shù)據(jù)：在兩個任意值之間具有無限個值的數(shù)據(jù)，連續(xù)型數(shù)據(jù)可以是數(shù)值，也可以是日期/時間。例如，零件的長度、商品的價格、銷量、收付款時間等。

接下來，我們就為大家詳細介紹一下數(shù)據(jù)關系和視圖類型。

一、數(shù)據(jù)關系：趨勢

1. 常用視圖

2. 視圖所需的數(shù)據(jù)類型

? 數(shù)據(jù)集中只包含一列連續(xù)數(shù)據(jù)的日期變量；

? 數(shù)據(jù)集中至少包含一列連續(xù)數(shù)據(jù)的數(shù)值變量。

數(shù)據(jù)示例：各年度價格與銷量的變化

3. AntV和ECharts的對比

AntV包含的趨勢圖：

ECharts包含的趨勢圖：

? 視圖類型：AntV相比ECharts少了組合圖，當數(shù)據(jù)集中兩列指標的數(shù)據(jù)差距較大時，用組合圖可以設置主軸值與副軸值，使兩列數(shù)據(jù)都可以有較好地呈現(xiàn)；

? 數(shù)據(jù)設置：AntV相比ECharts多了數(shù)值格式設置，當原始數(shù)據(jù)類型是小數(shù)時，通過數(shù)值格式可以修改為百分比等其他數(shù)值格式；

? 樣式設置：AntV相比ECharts少了“外間距”的功能（外間距是指圖表相對視圖組件的距離），以下以基礎折線圖為例：

當不設置外間距時，圖像自動顯示如下：

設置外間距后圖像顯示如下：

二、數(shù)據(jù)關系：比較

1. 常用視圖

2. 視圖所需的數(shù)據(jù)類型

■ 類別數(shù)據(jù)：

? 數(shù)據(jù)集中只包含一列類別數(shù)據(jù)：柱狀圖；

? 數(shù)據(jù)集中包含兩列類別數(shù)據(jù)：堆疊圖；

? 數(shù)據(jù)集中包含三列類別數(shù)據(jù)：分組堆疊圖。

■ 連續(xù)型數(shù)據(jù)：數(shù)據(jù)集中至少包含一列連續(xù)型數(shù)據(jù)。

數(shù)據(jù)示例：不同類別的產(chǎn)品價格與銷量的對比

3. AntV和ECharts的對比

AntV包含的比較圖：

ECharts包含的比較圖：

? 視圖類型：AntV相比ECharts多了瀑布圖（主要用于展示股票趨勢變動）、百分比圖（著重展示比例信息、例如高校男女占比等，主要用于國家統(tǒng)計、用戶調(diào)查等）、對稱柱狀圖（主要用于兩個類別不同指標間的比較，例如某班級男女生各科成績比較等）；

? 數(shù)據(jù)設置：AntV相比ECharts多了數(shù)值格式設置；

? 樣式設置：AntV相比ECharts少了“外間距”的功能。

三、數(shù)據(jù)關系：分布

1. 常用視圖

2. 視圖所需數(shù)據(jù)類型

? 數(shù)據(jù)集中只包含一列類別數(shù)據(jù)；

? 數(shù)據(jù)集中只包含一列連續(xù)型數(shù)據(jù)的數(shù)值變量。

數(shù)據(jù)示例1：不同類別的商品銷量占比。

所有商品都被分類了，一個商品有且僅有一個分類，不存在一個商品同時歸屬于兩個分類的原則。從一級分類的角度看銷量：使用餅圖、環(huán)形圖、南丁格爾玫瑰圖、矩形樹圖，可以看出不同類別商品的銷量占整體銷量的占比。占比之和=1。

數(shù)據(jù)示例2：不同類型的用戶購買商品數(shù)量占比。

所有用戶不一定被全部打上標簽，也不一定只有一個標簽。從用戶標簽角度看購買量占比：使用雷達圖、詞云圖，可以看出各標簽的影響程度。占比之和≠1。

3. AntV和ECharts的對比

AntV包含的分布圖：

ECharts包含的分布圖：

視圖示例：

ECharts雷達圖：

AntV雷達圖：

ECharts和AntV的雷達圖都不可以調(diào)整軸值（每格數(shù)據(jù)的大?。?。假設各指標的數(shù)據(jù)為：90，100，95，110。ECharts的軸值是絕對值，雷達中心點=0，雷達邊緣點=數(shù)據(jù)指標列最大值。使用ECharts難以看出細微差別。此時比較適合使用AntV圖。AntV的軸值為相對值，雷達中心點=數(shù)據(jù)指標列最小值，雷達邊緣點=數(shù)據(jù)指標最大值。

四、數(shù)據(jù)關系：關系

1. 常用視圖

2. 視圖所需數(shù)據(jù)類型

■ 氣泡圖

? 被解釋變量：Y變量數(shù)據(jù)集中只包含一列連續(xù)型數(shù)據(jù)的數(shù)值變量；

? 解釋變量：X變量數(shù)據(jù)集中只包含一列連續(xù)型數(shù)據(jù)的數(shù)值變量。

數(shù)據(jù)示例1：銷量隨價格的變化趨勢

■ 漏斗圖：

? 被解釋變量：Y變量數(shù)據(jù)集中只包含一列連續(xù)型數(shù)據(jù)的數(shù)值變量；

? 解釋變量：X變量數(shù)據(jù)集中只包含一列類別數(shù)據(jù)。

數(shù)據(jù)示例2：網(wǎng)站各頁面的瀏覽人數(shù)

3. AntV和ECharts的對比

AntV和ECharts都包含氣泡圖和漏斗圖，ECharts的氣泡圖可以設置“外間距”。

ECharts漏斗圖：

AntV漏斗圖：

ECharts和AntV都不可以設置漏斗圖各層級的大小，ECharts的各層級是固定樣式，AntV的各層級大小由數(shù)值大小決定。

五、數(shù)據(jù)關系：空間位置

1. 常用視圖

2. 視圖所需數(shù)據(jù)類型

■ 符號地圖：

? 數(shù)據(jù)集中包含一列連續(xù)型數(shù)值數(shù)據(jù)（經(jīng)度）；

? 數(shù)據(jù)集中包含一列連續(xù)型數(shù)值數(shù)據(jù)（緯度）。

■ 流向地圖：

? 數(shù)據(jù)集中包含一列連續(xù)型數(shù)值數(shù)據(jù)（起點經(jīng)度）；

? 數(shù)據(jù)集中包含一列連續(xù)型數(shù)值數(shù)據(jù)（起點緯度）；

? 數(shù)據(jù)集中包含一列連續(xù)型數(shù)值數(shù)據(jù)（終點經(jīng)度）；

? 數(shù)據(jù)集中包含一列連續(xù)型數(shù)值數(shù)據(jù)（終點緯度）。

■ 地圖：

? 數(shù)據(jù)集中包含一列類別變量（地區(qū)名稱）；

? 數(shù)據(jù)集中包含一列連續(xù)型數(shù)值數(shù)據(jù)（代表氣泡大?。?。

3. AntV和ECharts的對比

AntV：包含流向地圖與符號地圖，有經(jīng)緯度時可以使用該圖形，不限制國內(nèi)或國外。

ECharts：只包含地圖和氣泡地圖，目前只有國內(nèi)地圖數(shù)據(jù)。如需使用國外地圖數(shù)據(jù)，需要自己手動配置。

總結

面對不同的數(shù)據(jù)關系，DataEase開源數(shù)據(jù)可視化分析工具都能夠為用戶提供合適的視圖。DataEase支持AntV和ECharts兩種視圖類型，未來DataEase還將持續(xù)更新和提供更多的視圖類型和功能，從用戶體驗上不斷踐行“人人可用”的目標。