Vẽ biểu đồ cảnh báo bằng javascript
Để vẽ biểu đồ cảnh báo bằng JavaScript, chúng ta có thể sử dụng thư viện Chart.js. Dưới đây là một ví dụ về cách vẽ biểu đồ cảnh báo sử dụng Chart.js:
1. Đầu tiên, bạn cần thêm thư viện Chart.js vào trang HTML của mình:
```html
```
2. Tiếp theo, bạn có thể sử dụng mã JavaScript sau để vẽ biểu đồ cảnh báo:
```html
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options: {
scales: {
y: {
beginAtZero: true
}
}
}
});
```
Trong ví dụ trên, chúng ta đã sử dụng loại biểu đồ bar chart để hiển thị dữ liệu và cảnh báo. Bạn có thể tùy chỉnh mã JavaScript để phù hợp với nhu cầu của mình.