1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
var ctx = document.getElementById("histogram");
const footer = (tooltipItems) => {
let sum = 0;
tooltipItems.forEach(function(tooltipItem) {
sum += tooltipItem.parsed.y;
});
return 'Sum: ' + sum;
};
var myChart = new Chart(ctx, {
type: "bar",
options: {
aspectRatio: 4,
},
data: {
labels: labels,
datasets: datasets
},
options: {
interaction: {
intersect: false,
mode: 'index',
},
plugins: {
tooltip: {
filter: function (tooltipItem, data) {
// Your filtering logic here
console.log(tooltipItem, data);
return tooltipItem.raw != 0; // Show tooltip only for the first dataset
},
callbacks: {
footer: footer,
},
},
},
responsive: true,
maintainAspectRatio: false,
scales: {
x: {
stacked: true,
},
y: {
stacked: true,
beginAtZero: true,
title: {
display: true,
text: 'SSH login attempts'
},
},
},
layout: {
padding: {
left: 20,
right: 20,
top: 20,
bottom: 20
},
}
},
});
|
