Trong phần 5 này chúng ta sẽ tìm hiểu về 2D plot segment. 2D plote segment về mặc định sẽ được vẽ trong canvas. Tuy nhiên chúng ta không biết được công dụng của nó. Trong phần này tôi sẽ hướng dẫn các bạn về các chức năng của 2D plot segment nhờ đó chúng ta có thể vẽ được nhiêu loại chart độc đáo như Jitter chart, packing chart...
2D Region Plot Segments Trong charticulator có hai dạng plot segment: 2D region Plot segment and line plot segment 2D region plot segment tương tự plot area ứng dụng khác Khi click vào plot segement layer pane nhận thấy khung plot segment chart canvas tô viền xanh với công cụ Có ba yếu tố định hình dạng chart plot segment: axes, sub-layout attribute Chúng ta tìm hiểu yếu tố phần Creating 2D Region Plot Segments Để tạo 2D region plot segment dùng nút plot segment toolbar Chúng ta nhận thấy khung 2D plot segment tô xanh với dấu chấm xanh góc Khi vẽ xong nhận thấy có plote segment layer pane Using Plot Segment Sub-layouts Chúng ta sử dụng sub-layout attribute plot segment cách click chọn plote segment layer pane Khi khung chart canvas lên Stack X Hoặc chọn plot segment layer pane kéo xuống bảng attribute thấy section sub-layout Type mặc định 2D plote segment Stack X Ngồi Stack X có type khác stack Y, grid, packing, jitter overlap Stack X Với type stack X, glyph gắn dọc theo trục X xếp theo thứ tự trường danh sách biến Trong hình xếp theo thứ tự year, salepeople, sales chart có hiển thị khác đẩy salepeople lên chart có hình dạng khác Stack X with a Categorical X-Axis Nếu gắn biến phân loại vào trục X plot segment layout nhóm theo biến phân loại đó, thứ tự biến danh sách biến Stack X with a Categorical Y-Axis Nếu bỏ biến phân loại vào trục Y chart canvas chart có dạng sau Nếu tiếp tục bỏ biến định lượng vào Width attribute glyph bỏ biến định lượng vào Width glyph pane horizontal stacked column chart Stack Y Với stack Y, glyph gắn theo chiều ngang vào trục Y Stack Y with a Categorical Y-Axis Nếu bỏ biến phân loại vào trục Y tạo horizontal column chart Nếu bỏ tiếp biến định lượng vào cạnh width glyph pane trục X chart canvas tạo horizontal clustered column chart Tiếp theo tạo legend cho trục X tức legend giá trị cho column Chúng ta sử dụng nút công cụ legend toolbar nút dùng cho biến định lượng thêm vào trục Y Khi cần click vào Shape1.Width scales pane thêm Add Legend xong Stack Y with a Categorical X-Axis Nếu dùng Stack Y gắn biến phân loại vào trục X tạo stacked column chart hình Sự kết hợp stack X/Y biến Chúng ta có bảng sau để minh họa kết hợp stack biến gắn vào trục Với kết hợp stack biến phân loại tạo cluster column chart stacked column chart dạng horizontal vertical Với chart dùng hai biến phân loại biến định lượng gắn vào trục X Y chart cách linh hoạt Stack X and Stack Y with One Category Trong trường hợp cần vẽ chart biến phân loại với biến định lượng sao? Chúng ta thực bước sau Tạo glyph rectangal Bỏ biến phân loại vào Fill attribute Shape1 Bỏ biến định lượng vào Height attribute Shape1 Chuyển sub-layout thành Stack Y Để tạo legend trục Y tên phân loại không nên bỏ biến phân loại vào trục Y tên phân loại bị lệch so với cột Thay bỏ Text vào glyph pane kế bên rectangal sau bỏ biến phân loại vào text Chúng ta tạo text bỏ vào trung tâm rectangal để tạo giá trị biến số Grid Với Grid sub-layout tạo matrix chart sau: Tạo rectangal glyph pane Chuyển sang Stack Grid Bỏ biến định lượng vào Fill attribute shape1 Trong shap1.Fill chọn color gradient tùy thích Thêm ba text vào glyph pane Text thứ bỏ biến phân loại 1, text thứ hai bỏ biến phân loại biến thứ ba bỏ biến định lượng Chọn shape.Fill thêm legend vào chart Click vào plot segment layer pane lựa chọn nhiều option hiển thị cho grid 10 Ngồi có số attribute Grid giúp tinh chỉnh Grid cho hiệu Count (số ô hàng hiển thị) Trong Power BI tạo matrix giống charticulator nhiên để tạo matrix charticulator cần phải bỏ hai biến phân loại vào hàng cột 11 Như với Grid tạo matrix cách đẹp có nhiều lựa chọn Packing Packing sub-layout hữu dụng muốn tạo cloud chart Chúng ta thực bước sau Bỏ symbols vào glyph Bỏ biến định lượng vào Size Chúng ta bỏ thêm biến phân loại vào trục X canvas 12 Trong trường hợp bỏ thêm biến định lượng vào trục Y tạo cloud chart sau Nếu có thêm biến phân loại bubble chart 13 Jitter Jitter phù hợp để tạo chart mật độ liệu thích hợp cho glyph symbols Để tạo jitter chart làm sau: Bỏ symbols vào glyph pane Bỏ biến phân loại vào trục X biến phân loại vào trục Y Sau chọn sub-layout chart Jitter Lưu ý liệu có Year, Month, Region Salepeople Sales Overlap Chúng ta sử dụng overlap để tạo overlap chart Cách thực sau: Bỏ biến phân loại vào trục X Bỏ biến định lượng vào trục Y Sau chọn sub-layout Overlap 14 Sorting Glyphs and Labels Trong trường hợp không gắn biến trục X, việc xếp thứ tự glyph phụ thuộc hoàn toàn vào biến có liệu Chúng ta xếp glyph cách click vào icon order công cụ canvas chỉnh order attribute sub-layout attribute plot segment Trong trường hợp gắn biến phân loại vào trục x việc xếp glyph bị giới hạn biến phân loại Chẳng hạn bỏ Year vào trục X xếp sales tăng dần giảm dần cho saleperson năm (chúng ta làm điều PBI) 15 Như cần ghi nhớ bỏ biến phân loại vào trục X việc xếp glyph diễn phân loại biến Sorting the Axis Labels Để xếp nhãn trục hồnh ví dụ year khơng thể dùng icon order chart canvas mà phải dùng order attribute plot segment Chúng ta chọn nút sort kế bên attribute order by Một cửa sổ sort by xuất Nếu muốn xếp theo chiều ngược lại nhấn nút reverse Hoặc muốn xếp theo ý thích nắm năm kéo thả vào vị trí danh sách list phân loại năm 16 Đối với PBI để làm điều phải có thêm cột sort column Như thấy Charticulator hiệu việc xếp nhãn trục Spacing Glyphs and Labels Trong PBI tùy chỉnh khoảng cách nhãn trục X, khơng thể điều chỉnh khoảng cách cột nhãn Trong Charticulator vừa thay đổi khoảng cách nhãn khoảng cách glyph Để thay đổi khoảng cách cột vào attribute Gap sub-layout attribute plot segment tùy chỉnh gap glyph tùy ý Hoặc trực tiếp kéo glyph cart canvas 17 Để thay đổi khoảng cách nhãn trục X dùng Gap attribute XAxis điều chỉnh khoảng cách trực tiếp nhãn chart canvas 18 Aligning the Glyphs Bạn tùy chỉnh vị trí glyph cách click vào nút aligment công cụ segment toolbar phần sub-layout attribute plot segment 19 Tuy nhiên chỉnh glyph lên vị trí top thấy phần legend khơng điều chỉnh theo glyph Axis Visibility and Position Nhóm Attribute Visibility & Position cho phép tinh chỉnh việc xuất vị trí nhãn trục Chúng ta làm sau 20 Trong hình chuyển nhãn trục X năm lên phía top dời vị trí vào canvas -40 Hoặc làm sau 21 Trong hình bỏ Year vào Fill attribute để phân màu glyph theo năm sau bỏ Visibility & Position year labels Tiếp theo thêm text mark vào đáy glyphs bỏ Saleperson vào text Formatting Axis Labels and Tick Lines Trong plot segment attribute cịn có attribute Style Đây phần định dạng cho nhãn trục đường tick plot segment Trong hình thay đường line color thành màu đỏ, thay tick label thành màu xanh tăng kích thước tick Gridlines Một attribute khác plot segment Gridline Gridline thường dùng với biến định lượng biểu đồ line Chúng ta thiết lập gridline cho trục X trục Y 22 23 ... thấy khung 2D plot segment tơ xanh với dấu chấm xanh góc Khi vẽ xong nhận thấy có plote segment layer pane Using Plot Segment Sub-layouts Chúng ta sử dụng sub-layout attribute plot segment cách... cách click chọn plote segment layer pane Khi khung chart canvas lên Stack X Hoặc chọn plot segment layer pane kéo xuống bảng attribute thấy section sub-layout Type mặc định 2D plote segment Stack... trí glyph cách click vào nút aligment công cụ segment toolbar phần sub-layout attribute plot segment 19 Tuy nhiên chỉnh glyph lên vị trí top thấy phần legend không điều chỉnh theo glyph Axis Visibility