Vẽ biểu đồ hình tròn, biểu đồ cột từ bảng số liệu

#myTable { margin: 0 auto; width: 50%; border: 1px solid black; } #myTable td, #myTable th { border: 1px solid black; line-height: 1.0; /* Điều chỉnh chiều cao dòng */ padding: 0px; /* Điều chỉnh khoảng cách giữa các dòng */ vertical-align: middle; /* Căn chỉnh giữa theo chiều dọc */ margin: 0; /* Loại bỏ khoảng cách trên dưới */ } #myTable th { background-color: #4CAF50; /* Màu xanh lá */ color: white; /* Màu chữ trắng */ text-align: center; height: 20px; /* Độ rộng cố định của nút */ } #myTable input[type="number"] { height: 20px; /* Điều chỉnh độ cao của ô nhập */ font-size: 14px; /* Điều chỉnh kích thước font chữ */ text-align: center; vertical-align: middle; /* Căn chỉnh giữa theo chiều dọc */ margin: 0; /* Loại bỏ khoảng cách trên dưới */ } #myTable input[type="text"] { height: 20px; /* Điều chỉnh độ cao của ô nhập */ font-size: 14px; /* Điều chỉnh kích thước font chữ */ text-align: center; vertical-align: middle; /* Căn chỉnh giữa theo chiều dọc */ margin: 0; /* Loại bỏ khoảng cách trên dưới */ } #myTable button { height: 18px; /* Điều chỉnh độ cao của nút */ vertical-align: middle; /* Căn chỉnh giữa theo chiều dọc */ margin: 0; /* Loại bỏ khoảng cách trên dưới */ } .button { background-color: #4CAF50; /* Màu xanh lá */ width: 140px; /* Độ rộng cố định của nút */ border: none; color: white; padding: 0px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 1px 1px; cursor: pointer; } .button:hover { background-color: #45a059; /* Màu xanh lá đậm hơn khi di chuột qua */ } Biểu đồ từ bảng số liệu Thêm Tên Số liệu Hành động Xóa Xóa Xóa Vẽ biểu đồ tròn Vẽ biểu đồ cột Vẽ biểu đồ đoạn thẳng (test) Vẽ biểu đồ đường (test) Vẽ biểu đồ tranh (test) Hướng dẫn sử dụng: