Trong phần này chúng ta sẽ học về guides và anchoring. Guide chính là những hàng dọc và hàng ngang mà qua đó chúng ta có thể gắn các glyph, symbols và các thiết kế vào các guides. Khi gắn vào các guide khi lưu chart thì các object gắn vào guide sẽ không bị thay đổi vị trí trong PBI. Trong phần này chúng ta sẽ cùng tìm hiểu thêm về vẽ nhiều 2D plote segment và horizontal và vertical line scaldfolds.
Guides and Anchoring Default Guides Chúng ta thấy mặc định Charticulator có guide mặc định cho khung vẽ glyph pane Chúng ta để ý thấy điểm xanh góc khung vẽ Điểm xanh cho thấy plot segment đính vào guide cịn điểm màu trắng xám chứng tỏ plot segment element plot segment chưa gắn vào guide Trong glyph pane có guide mặc định mà nhờ mark symbol gắn vào guides Creating Your Own Guides Chúng ta tự tạo thêm guide ngang guide dọc công cụ guide toolbar khung vẽ Trong khung toolbar có hai guide (X Y) hai guide coordinator (X Y) Sau chọn khung vẽ glyph sau tạo guide Các guide tự tạo hiển thị layer pane Chúng ta thay đổi vị trí guide tự tạo cách chọn guide sau chọn giá trị offset Giá trị offset thay đổi tùy vào top guide, middle guide and bottom guide Chúng ta thay đổi vị trí guide cách nắm guide di chuyển đến vị trí mong muốn Creating Guide Coordinators Guide coordinator nhiều guide vẽ lúc Chúng ta chọn guide coordinator từ thẻ guide công cụ Sau chọn khung vẽ hay glyph để thêm guide coordinator Một vẽ guide coordinatore di chuyển chúng cách thay đổi điểm xanh default guide mà Để thay đổi số đường guide chọn guide coodinator sau điền số guide vào attribute Anchoring to Guides Tất cahrt element có anchor handles có dạng chấm xanh Để cố định element đó, cần nắm lấy anchor handle kéo vào điểm giao guide dọc ngang nắm vẽ element bên đường biên giới guide Để cố định text mark, cần click vào giao guide Bạn phải anchor handle màu xanh cố định vào guide không element bị di động lưu chart Ví dụ để thêm tiêu đề chart trước hết thêm guide ngang khung vẽ sau chọn text mark button click vào khung vẽ giao điểm hai guide bạn thấy điểm anchor màu xanh Một số ví dụ cố định element vào guide Trong hình tạo thêm hai guide ngang để cố định tiêu đề hình tiêu đề trục X, đồng thời tạo hai guide dọc để cố định tiêu đề trục Y legend Trong glyph pane vẽ thêm hai guide ngang để cố định hai symbol chấm tròn Working with Multiple 2D Region Plot Segments Using a Second 2D Region Plot Segment Để vẽ hai plote segment khung vẽ, phải bỏ plot segment mặc định Charticulator Sau chọn thẻ plot segment cơng cụ vẽ hai plot segment hình Using Additional Glyphs Sau có hai khung plot segment, vẽ glyph vào khung glyph pane hai plot segment vẽ loại chart Để thêm glyph khác cho plot segment thứ hai hình làm sau - trước hết xóa plot segment thứ hai - Vẽ rectangle cho plote segment thứ - Ở góc glyph pane nhấn dấu + để thêm glyph pane - vẽ thêm plot segment thứ hai làm trước - Với Glyph1 kéo vào symbol thiết kế chart sau + Gắn Salepeople vào trục X + Sử dụng Stack y lay-out + Sort descending the sales + thêm legend Year cho plot segment thứ hai Lưu ý cần kéo legend thứ hai vào giao điểm guide plot segment thứ hai thứ Using Group By… Chúng ta sử dụng hai plot segment chức năn group by để vẽ hai đồ thị khác với nội dung khác hình đây: Để tạo chart làm sau: - Xóa bỏ plot segment1 - Vẽ plot segment nửa khung vẽ - Trong attribute plotsegment1 chọn Group by Year - Bỏ rectangle vào glyph - Chọn Fille attribute rectangle Grey - Bỏ Sales vào height Sau thay đổi hàm avg Height attribute thành sum - Chọn Plotsegment toolbar chọn top - Thêm text mark bỏ sales vào text định dạng text sau - Tạo thêm glyph khung glyph pane - thêm rectangle vào glyph thực sau: + thêm Year vào trục X + Bỏ saleperson vào Fill attribute + Bỏ sales vào Height attribute Tuy nhiên bỏ vào phải nhấn giữ SHIFT giúp tạo scale riêng cho sales (avg) Nếu khơng SHIFT sale lấy scale Height bỏ plotsegment sum sales + thêm legend + thêm text, bỏ sales vào text Filter By… Trong Charticulator dùng filter by để tạo thành hai chart khác cho phân loại khác Trong hình vẽ 2019 sales 2020 sales hai chart khác Để vẽ chart dùng chức filter sau: - Bỏ plotsegment1 - Vẽ plotsegment nửa - Bỏ rectangle vào plotsegment1 sau làm sau: + Bỏ region vào Fill attribute, Bỏ sales vào height attribute, Chọn Filter by attribute plotsegment1 catergory year chọn 2019 - Tạo glyph mới, bỏ rectangle vào plotsegment2 làm tương tự bước Tuy nhiên filter by chọn 2020 - Thêm legend tiêu đề Horizontal and Vertical Line Scaffolds Ngoài trường gắn vào trục X Y sub-layout có yếu tố thứ ba định hình dạng chart scaffolds Applying Scaffolds Để áp dụng scaffolds click vào nút scaffolds cơng cụ chọn horizontal vertical sau bỏ vào plot segment 10 Trong hình bỏ vào plotsegment thấy chart xuất Y Axis: stacking, right attribute plot segment stacking Nếu bỏ thêm scaffolds horizontal vào plotsegment tạo chart có hình sau 11 Lúc trục X ghi stacking Combining Categorical Axes Giờ kết hợp scaffolds với biến gắn vào trục X Y biến phân loại Khi gắn thêm biến vào trục X trục Y với scaffolds plotsegment cho hình dạng khác Ở hình bỏ biến year vào trục X dùng scaffolds vertical line tạo biểu đồ 12 Nếu bỏ biến Year vào trục Y sử dụng scaffold horizontal line chart Combining Numerical Axes Chúng ta kết hợp với việc gắn biến định lượng scaffolds để tạo scatter chart mà không cần gắn hai biến định lượng vào hai trục 13 Để tạo scatter chart cần lầm sau: - Bỏ symbol vào glyph - Bỏ sales vào trục Y - Bỏ year vào fill - Chọn scaffolds horizontal line bỏ vào plot segment Khi gắn biến số vào trục y phối hợp với scaffolds tạo biểu đồ bậc thang sau 14 Để tạo biểu đồ thực bước sau: - Bỏ rectangle vào glyph - Bỏ profit vào height attribute - Bỏ Sign vào Fill - Áp dụng scaffolds horizontal vertical cho plotsegment - Thêm Link dạng band cho chart - Thêm legend profit 15 16 ... coodinator sau điền số guide vào attribute Anchoring to Guides Tất cahrt element có anchor handles có dạng chấm xanh Để cố định element đó, cần nắm lấy anchor handle kéo vào điểm giao guide dọc ngang... thứ hai làm trước - Với Glyph1 kéo vào symbol thiết kế chart sau + Gắn Salepeople vào trục X + Sử dụng Stack y lay-out + Sort descending the sales + thêm legend Year cho plot segment thứ hai Lưu... ý cần kéo legend thứ hai vào giao điểm guide plot segment thứ hai thứ Using Group By… Chúng ta sử dụng hai plot segment chức năn group by để vẽ hai đồ thị khác với nội dung khác hình đây: Để tạo