iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 16
0
自我挑戰組

30天 Docker E.L.K stack 系列 第 16

Day16 - Visualize data with pie chart. Count by metric.

  • 分享至 

  • xImage
  •  

另個常見的視覺化方式“圓餅圖 pie chart”,圓餅圖可以很有效地對資料進行展示。特別是在想要表示某個大扇型區在整體中所占比例,這一方法十分有效。設置流程與其他圖表大同小異,讓我們快速的一步驟一步驟完成他吧。若用範例資料進行練習,資料切割配置可參考Day15於此不重複說明囉。

  • Pie Chart
  1. 設定切割方式 slice:Count
    http://ithelp.ithome.com.tw/upload/images/20170101/20103420d29nSek13Q.png

  2. 第一個聚合方式 Aggregation:terms by field:type,即以 log type 做分類
    http://ithelp.ithome.com.tw/upload/images/20170101/201034200DlyUHyNB8.png

  3. 第二層條件設定 Aggregation:terms by field:ip_host,即多加入 ip_host 為子條件
    http://ithelp.ithome.com.tw/upload/images/20170101/20103420zXZs0k6pXf.png

  4. 圓餅圖完成
    http://ithelp.ithome.com.tw/upload/images/20170101/20103420SPBZg84vHj.png

  5. 美化成 donut chart,於 option 中勾選 Donut
    http://ithelp.ithome.com.tw/upload/images/20170101/20103420AyguAZrOuI.png

    http://ithelp.ithome.com.tw/upload/images/20170101/20103420CjrATdeAcZ.png

  • Metric

    Metric 適合用來做單一屬性計數,像是點擊次數、錯誤次數、連線次數...,之後可置於 dashboard 可一眼直接看出特定屬性的累積次數或平均值。

    • Count all
      http://ithelp.ithome.com.tw/upload/images/20170101/20103420X8rZjhsScH.png

    • Count by type
      http://ithelp.ithome.com.tw/upload/images/20170101/201034207uC4Wh7QPq.png

      http://ithelp.ithome.com.tw/upload/images/20170101/20103420vLqAldnWpe.png


上一篇
Day15 - DataTable
下一篇
Day17 - Bar chart. Tag Cloud. Tile map.
系列文
30天 Docker E.L.K stack 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言