小而多的面積圖

結果展示

這種分成小而多的好處在於行數列數是可控的,可以將多個類別分成指定的行和列,而非直接拖到行列時,所有隻能以一行或一列展示。
image.png

製作方式

  1. 首先生成兩個字段,用來打點定位(二維座標)
Cols = (index()-1) % (round(SQRT(size())))+1
Rows = int((index()-1)/(round(sqrt(size()))))+1

注:這裏的round(sqrt(size()))也可以寫爲固定值,或者通過參數傳遞進來。

  1. 將新添加的字段ColsRows分別拖放到上,同時將兩者設置爲離散

image.png

  1. 由於我們是要根據team作爲類別分區,所以這裏將team拖放到[標記>詳細信息]中
  2. 完成3後,我們纔可以將ColsRows的計算依據改爲根據team

image.png

  1. 第4步完成後,區塊就被我們分好了。接下來就是常規的繪製面積圖了。

5.1 將日期拖放到列,將兩個值拖放到行。
image.png
5.2 將需要置於前方的字段paint_pts設置爲[雙軸 > 同步軸 > 更改標記爲區域]
image.png
5.3 再進行一些格式化設置
image.png

最後結果如下:

  1. 大字報的設置同步驟5

  1. 在完成以上內容後,提示工具做以下設置,展示出來的結果還是蠻不錯的
<team> I <year>
Points Per Game: <總和(all_pts)>
Points in Paint Per Game: <總和(paint_pts)>
------------------------------------
% Points in Paint: <聚合(% Paint)>


注意事項

  1. sqrt(size())是爲了得到一個正方形(行列相等)的佈局。這裏建議設置爲一個參數可調。
  2. 步驟5.3 格式化設置的時候注意:文本標籤中{‘標記格式’:‘最大/最小’,‘範圍’:‘區’,‘字段’:‘year’}這裏我們是根據year顯示值。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章