Biểu đồ hình tròn trong php w3schools

Đối với mỗi lục địa, chúng tôi liên kết một màu tùy ý và tỷ lệ phần trăm dân số được lấy từ liên kết trên. Số liệu được tóm tắt trong bảng sau

Châu lụcMàu sắcDân sốChâu Á59. 54%Phi cam17. 20%Châu Âumàu vàng9. 59%Bắc Mỹxanh7. 60%Nam Mỹmàu xanh5. 53%Úcda đen0. 55%Nam Cựcnâu0. 00%

Để áp dụng các giá trị này cho biểu đồ hình tròn của chúng ta, chúng ta cần phân chia nó thành 7 khu vực, một khu vực cho mỗi lục địa. Để tạo các cung, chúng ta có thể sử dụng hàm conic-gradient CSS. Mỗi sector có một màu, vị trí bắt đầu và vị trí dừng

        
            

          new Chart(document.getElementById("horizontalBar"), {
              "type": "horizontalBar",
              "data": {
                "labels": ["Red", "Orange", "Yellow", "Green", "Blue", "Purple", "Grey"],
                "datasets": [{
                  "label": "My First Dataset",
                  "data": [22, 33, 55, 12, 86, 23, 14],
                  "fill": false,
                  "backgroundColor": ["rgba(255, 99, 132, 0.2)", "rgba(255, 159, 64, 0.2)",
                    "rgba(255, 205, 86, 0.2)", "rgba(75, 192, 192, 0.2)", "rgba(54, 162, 235, 0.2)",
                    "rgba(153, 102, 255, 0.2)", "rgba(201, 203, 207, 0.2)"
                  ],
                  "borderColor": ["rgb(255, 99, 132)", "rgb(255, 159, 64)", "rgb(255, 205, 86)",
                    "rgb(75, 192, 192)", "rgb(54, 162, 235)", "rgb(153, 102, 255)", "rgb(201, 203, 207)"
                  ],
                  "borderWidth": 1
                }]
              },
              "options": {
                "scales": {
                  "xAxes": [{
                    "ticks": {
                      "beginAtZero": true
                    }
                  }]
                }
              }
            });

      
        
    

Biểu đồ hình tròn là một biểu đồ hình tròn được chia thành các khu vực, mỗi khu vực (và do đó là góc và diện tích trung tâm của nó), tỷ lệ thuận với số lượng mà nó biểu thị. Cùng với nhau, các lĩnh vực tạo ra một đĩa đầy đủ

IndexLabels mô tả từng lát của biểu đồ hình tròn. Nó được hiển thị bên cạnh mỗi lát. Nếu nhãn chỉ mục không được cung cấp, thuộc tính nhãn được sử dụng làm nhãn chỉ mục. Nếu nhãn không được cung cấp, giá trị y được sử dụng làm nhãn chỉ mục

Không thể kết hợp với. Bất kỳ loại Biểu đồ nào khác

Thuộc tính cụ thể của biểu đồ hình tròn

Biểu đồ hình tròn cơ bản

Tự mình thử bằng cách Chỉnh sửa mã bên dưới

Biểu đồ hình tròn với tùy chỉnh bổ sung

Tự mình thử bằng cách Chỉnh sửa mã bên dưới

Như bạn có thể thấy biểu đồ hình tròn vẽ một hình tròn cho mỗi giá trị trong vectơ (trong trường hợp này là 10, 20, 30, 40)

Theo mặc định, đồ thị của chiếc bánh đầu tiên bắt đầu từ trục x và di chuyển ngược chiều kim đồng hồ

Ghi chú. Kích thước của mỗi chiếc bánh được xác định bằng cách so sánh giá trị với tất cả các giá trị khác, bằng cách sử dụng công thức này

Giá trị chia cho tổng của tất cả các giá trị. x/sum(x)

Góc bắt đầu

Bạn có thể thay đổi góc bắt đầu của biểu đồ hình tròn bằng tham số init.angle

Giá trị của init.angle được xác định với góc tính bằng độ, trong đó góc mặc định là 0

Thí dụ

Bắt đầu chiếc bánh đầu tiên ở 90 độ

# Tạo một vector bánh nướng
x <- c(10,20,30,40)

# Hiển thị biểu đồ hình tròn và bắt đầu hình tròn đầu tiên ở góc 90 độ
chiếc bánh (x, init. góc = 90)

Kết quả

Nhãn và Tiêu đề

Sử dụng tham số label để thêm nhãn vào biểu đồ hình tròn và sử dụng tham số main để thêm tiêu đề

Thí dụ

# Tạo một vector bánh nướng
x <- c(10,20,30,40)

# Tạo một vectơ nhãn
mylabel <- c("Táo", "Chuối", "Anh đào", "Quả chà là")

# Hiển thị biểu đồ hình tròn có nhãn
bánh (x, nhãn = mylabel, main = "Trái cây")

Kết quả

Màu sắc

Bạn có thể thêm màu cho mỗi chiếc bánh với tham số col

Thí dụ

# Tạo một vector màu
màu sắc <- c("xanh dương", "vàng", "xanh lá cây", "đen")

# Hiển thị biểu đồ hình tròn với màu sắc
bánh (x, nhãn = mylabel, main = "Trái cây", col = màu sắc)

Kết quả

Huyền thoại

Để thêm danh sách giải thích cho từng chiếc bánh, hãy sử dụng hàm legend()

Thí dụ

# Tạo một vectơ nhãn
mylabel <- c("Táo", "Chuối", "Anh đào", "Quả chà là")

# Tạo một vector màu
màu sắc <- c("xanh dương", "vàng", "xanh lá cây", "đen")

# Hiển thị biểu đồ hình tròn với màu sắc
hình tròn (xlabel = ylabel, in = "Biểu đồ hình tròn", cột = màu sắc)

# Hiển thị hộp giải thích
legend("bottomright", mylabel, fill = colors)

Kết quả

Truyền thuyết có thể được định vị là một trong hai

bottomright, bottom, x/sum(x)0, x/sum(x)1, x/sum(x)2, x/sum(x)3, x/sum(x)4, x/sum(x)5, x/sum(x)6

Làm cách nào để tạo biểu đồ hình tròn trong PHP?

Làm cách nào để tạo biểu đồ hình tròn trong HTML?

Làm cách nào để tạo biểu đồ trong PHP?

2 loại biểu đồ hình tròn là gì?