Biểu đồ góc phần tưCú pháp

Biểu đồ góc phần tư

Biểu đồ góc phần tư là một loại biểu đồ trực quan chia dữ liệu thành bốn góc phần tư. Nó được dùng để vẽ các điểm dữ liệu trên lưới hai chiều, trong đó một biến biểu diễn trên trục x, một biến khác biểu diễn trên trục y. Việc phân chia góc phần tư được xác định dựa trên một bộ tiêu chí riêng cho dữ liệu được phân tích, chia biểu đồ thành bốn phần bằng nhau. Biểu đồ góc phần tư thường được dùng để nhận diện các mẫu và xu hướng trong dữ liệu, và xác định mức ưu tiên của hành động dựa trên vị trí của các điểm dữ liệu trong biểu đồ. Chúng thường được dùng trong các tình huống như kinh doanh, marketing và quản lý rủi ro.

Ví dụ

                            

                                

                                    
                                    Sao chép
                                
                                

                                    
                                    Nhúng
                                
                            
                            
                                quadrantChart
    title Reach and engagement of campaigns
    x-axis Low Reach --> High Reach
    y-axis Low Engagement --> High Engagement
    quadrant-1 We should expand
    quadrant-2 Need to promote
    quadrant-3 Re-evaluate
    quadrant-4 May be improved
    Campaign A: [0.3, 0.6]
    Campaign B: [0.45, 0.23]
    Campaign C: [0.57, 0.69]
    Campaign D: [0.78, 0.34]
    Campaign E: [0.40, 0.34]
    Campaign F: [0.35, 0.78]
                            
                        

Cú pháp

Tiêu đề

Tiêu đề là mô tả ngắn gọn về biểu đồ, nó sẽ luôn được kết xuất ở đầu biểu đồ.

Ví dụ

                            

                                

                                    
                                    Sao chép
                                
                                

                                    
                                    Nhúng
                                
                            
                            quadrantChart
   title This is a sample example
                        

x-axis

Trục x quyết định văn bản hiển thị trên trục x. Trục x được chia thành hai phần 'trái' và 'phải', bạn có thể nhập cả hai hoặc chỉ nhập 'trái'. Câu lệnh nên bắt đầu bằng x-axis, sau đó là left axis text, tiếp theo là dấu phân cách -->, cuối cùng là right axis text.

Ví dụ

1. x-axis --> cả văn bản trục trái và trục phải đều sẽ được kết xuất.

2. x-axis chỉ kết xuất văn bản trục trái.

y-axis

Trục y quyết định văn bản hiển thị trên trục y. Trục y được chia thành hai phần 'trên' và 'dưới', bạn có thể nhập cả hai hoặc chỉ nhập 'dưới'. Câu lệnh nên bắt đầu bằng y-axis, sau đó là bottom axis text, tiếp theo là dấu phân cách -->, cuối cùng là top axis text.

Ví dụ

1. y-axis --> cả văn bản trục dưới và trục trên đều sẽ được kết xuất.

2. y-axis chỉ kết xuất văn bản trục dưới.

Văn bản góc phần tư

quadrant-[1,2,3,4] quyết định nội dung văn bản hiển thị ở mỗi góc phần tư.

Ví dụ

1. quadrant-1 quyết định văn bản sẽ hiển thị ở góc phần tư trên phải

2. quadrant-2 quyết định văn bản sẽ hiển thị ở góc phần tư trên trái.

3. quadrant-3 quyết định văn bản sẽ hiển thị ở góc phần tư dưới trái.

4. quadrant-4 quyết định văn bản sẽ hiển thị ở góc phần tư dưới phải.

Chấm tròn

Dùng để vẽ một hình tròn trong biểu đồ góc phần tư. Cú pháp là : [x, y], trong đó giá trị của x và y nằm trong khoảng 0 - 1.

Ví dụ

1. Point 1: [0.75, 0.80], chấm tròn 1 sẽ được vẽ ở góc phần tư trên phải.

2. Point 2: [0.35, 0.24], chấm tròn 2 sẽ được vẽ ở góc phần tư dưới trái.

Cấu hình biểu đồ

Biến chủ đề của biểu đồ

Ví dụ cấu hình và chủ đề

                            

                                

                                    
                                    Sao chép
                                
                                

                                    
                                    Nhúng
                                
                            
                            
                                ---
config:
  quadrantChart:
    chartWidth: 400
    chartHeight: 400
  themeVariables:
    quadrant1TextFill: "ff0000"
---
quadrantChart
  x-axis Urgent --> Not Urgent
  y-axis Not Important --> "Important ❤"
  quadrant-1 Plan
  quadrant-2 Do
  quadrant-3 Delegate
  quadrant-4 Delete
                            
                        

Kiểu của điểm dữ liệu

Điểm dữ liệu có thể được tạo kiểu trực tiếp, cũng có thể dùng lớp chia sẻ đã định nghĩa

                            

                                

                                    
                                    Sao chép
                                
                                

                                    
                                    Nhúng
                                
                            
                            Point A: [0.9, 0.0] radius: 12
Point B: [0.8, 0.1] color: #ff3300, radius: 10
Point C: [0.7, 0.2] radius: 25, color: #00ff33, stroke-color: #10f0f0
Point D: [0.6, 0.3] radius: 15, stroke-color: #00ff0f, stroke-width: 5px ,color: #ff33f0
                        

                            

                                

                                    
                                    Sao chép
                                
                                

                                    
                                    Nhúng
                                
                            
                            Point A:::class1: [0.9, 0.0]
Point B:::class2: [0.8, 0.1]
Point C:::class3: [0.7, 0.2]
Point D:::class3: [0.7, 0.2]
classDef class1 color: #109060
classDef class2 color: #908342, radius : 10, stroke-color: #310085, stroke-width: 10px
classDef class3 color: #f00fff, radius : 10
                        

Các kiểu khả dụng:

Ví dụ về kiểu

                            

                                

                                    
                                    Sao chép
                                
                                

                                    
                                    Nhúng
                                
                            
                            
                                quadrantChart
  title Reach and engagement of campaigns
  x-axis Low Reach --> High Reach
  y-axis Low Engagement --> High Engagement
  quadrant-1 We should expand
  quadrant-2 Need to promote
  quadrant-3 Re-evaluate
  quadrant-4 May be improved
  Campaign A: [0.9, 0.0] radius: 12
  Campaign B:::class1: [0.8, 0.1] color: #ff3300, radius: 10
  Campaign C: [0.7, 0.2] radius: 25, color: #00ff33, stroke-color: #10f0f0
  Campaign D: [0.6, 0.3] radius: 15, stroke-color: #00ff0f, stroke-width: 5px ,color: #ff33f0
  Campaign E:::class2: [0.5, 0.4]
  Campaign F:::class3: [0.4, 0.5] color: #0000ff
  classDef class1 color: #109060
  classDef class2 color: #908342, radius : 10, stroke-color: #310085, stroke-width: 10px
  classDef class3 color: #f00fff, radius : 10