原文：https://www.jianshu.com/p/f22d869c1fb4
在左側導航欄選擇 Visualize，進行數據可視化操作。
Visualize 功能可以多種緯度展示數據。例如，使用餅圖來顯示銀行賬戶數據集合中的賬戶餘額信息。
點擊 屏幕中央的Create a visualization 按鈕。
image.png
選擇 Pie。
images/tutorial-visualize-wizard-step-1.png
可以通過保存的搜索創建可視化圖形，也可以創建新的檢索條件。
如果要創建新的檢索條件，輸入索引模式來指定使用哪些索引。本例選擇ba*。
images/tutorial-visualize-wizard-step-2.png
默認會搜索出所有數據， 所以會顯示一個完整的餅。
images/tutorial-visualize-pie-1.png
要指定顯示那些分片，可以使用 Elasticsearch bucket聚集。bucket聚集會將符合檢索條件的數據分成不同的類別，即buckets。例如，賬戶數據包含了每個賬戶的餘額。
使用bucket聚集，可以按照多種區間來展示賬戶餘額。
定義 bucket：
- 點擊 Split Slices
- 在 Aggregation 列表中選擇 Range
- 在 Field列表中選擇balance屬性
- 點擊4次Add Range，總共有6個Range選項。
- 按照如下定義：
0 999
1000 2999
3000 6999
7000 14999
15000 30999
31000 50000
- 點擊 Apply changes 按鈕更新圖標。
1000個賬目按照不同的餘額區間進行了分組。images/tutorial-visualize-pie-2.png
再來考量另一個數據緯度，賬戶所有人的年齡。
- 點擊Add sub-buckets
- 點擊 Split Slices
- 從aggregation list中 選擇 Terms
- 從field list中選擇 age
- 點擊 Apply changes按鈕。
可以看到賬戶所有人的年齡在每個餘額範圍外側顯示。images/tutorial-visualize-pie-3.png
點擊Save按鈕可以保存這個餅圖。
再來看下莎士比亞全集。我們用柱狀圖來顯示不同劇的臺詞數量。
-
點擊 New ，選擇 Vertical bar chart
-
選擇
shakes*索引模式。因爲沒有定義bucket，所以只顯示一個大柱子。images/tutorial-visualize-bar-1.png
-
在y軸顯示每部劇臺詞的數量，需要定義y軸 metric aggregation。度量聚集基於從搜索結果中提取的數據來進行計算。選擇 Unique Count聚集，再選擇speaker,來獲取臺詞數量。還可以給個標籤 Speaking Parts
-
在x軸顯示不同的劇，選擇 X-Axis buckets type，從聚集列表中選擇Terms，再選擇play_name。選擇Ascending，可以按照字母順序顯示。然後給一個標籤 Play Name
-
點擊 Apply changes 按鈕查看結果。
images/tutorial-visualize-bar-2.png
每個作品的名字都沒有被分割爲多個單詞，因爲我們在一開始就將 play_name 屬性設置爲不與分析。
鼠標指向圖中的柱子時，提示框彈出臺詞的數目。要關閉提示，或者配置成別的提示，可以選擇可視化構建器的 Options 標籤頁。
我們現在得到了一個小型的莎士比亞作品演員表，我們如果想知道哪部作品裏面， 對演員的臺詞要求最高：
- 點擊 Add metrics 添加Y軸聚集
- 選擇 Max聚集，然後選擇 speech_number 屬性
- 點擊 Options，變更 Bar Mode 爲 grouped
- 點擊 Apply changes 按鈕，然後結果如下：
images/tutorial-visualize-bar-3.png
可以看出， Love’s Labours Lost 的臺詞量最考驗演員的記憶力了。
現在 Number of speaking parts Y軸是從0開始的，但是柱狀圖是從18開始有區別的， 爲了讓區別更醒目些， 讓Y軸的起始值更貼近最小值， 選擇 Options，再選擇Scale Y-Axis to data bounds。
保存圖的名字爲 Bar Example。
下面，將使用地圖圖表來展示日誌數據的地理信息。
-
點擊 New
-
選擇 Coordinate map
-
選擇
logstash-*索引模式 -
選擇時間窗口
-
點擊時間選擇器
-
點擊Absolute.
-
設置起始時間爲 May 18, 2015，結束時間爲 May 20, 2015。
images/tutorial-timepicker.png
-
點擊 Go 按鈕，關閉時間選擇器
會展現出來一個世界地圖：images/tutorial-visualize-map-1.png
要定位日誌文件中的地理位置，選擇 Geo Coordinates 作爲bucket, 點擊 Apply changes。顯示如下：
images/tutorial-visualize-map-2.png
你可以點擊，拖拽，放大縮小，可以點擊 Fit Data Bounds按鈕來顯示所有的點，還可以點擊Latitude/Longitude Filter按鈕選定定特的區域。應用後的過濾器將顯示在檢索框下方，鼠標放在上面，可以操作該過濾器。
images/tutorial-visualize-map-3.png
保存改地圖圖表。
最後一步，創建一個Markdown 組件來顯示擴展信息：
- 點擊 New
- 選擇 Markdown widget
- 輸入如下內容：
# This is a tutorial dashboard!
The Markdown widget uses **markdown** syntax.
> Blockquotes in Markdown use the > character.
- 點擊 Apply changes 按鈕，顯示最新的Markdown內容。
images/tutorial-visualize-md-1.png
image.png
保存爲 Markdown Example。