xxxxxxxxxx
1
<div class="col-lg-6">
2
<div class="card mb-4">
3
<div class="card-header">
4
<i class="fas fa-chart-pie mr-2"></i> Schede Registri Trattamenti
5
</div>
6
<div class="card-body">
7
<canvas id="pieChart" height="100"></canvas>
8
</div>
9
</div>
10
</div>
11
<div class="col-lg-6">
12
<div class="card mb-4">
13
<div class="card-header">
14
<i class="fas fa-chart-pie mr-2"></i> Organigramma Privacy GDPR
15
</div>
16
<div class="card-body">
17
<canvas id="labelChart" height="100"></canvas>
18
</div>
19
</div>
20
</div>
1
1
xxxxxxxxxx
1
var ctx = document.getElementById("pieChart").getContext('2d');
2
var myChart = new Chart(ctx, {
3
type: 'bar',
4
data: {
5
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
6
datasets: [{
7
label: '# of Votes',
8
data: [12, 19, 3, 5, 2, 3],
9
backgroundColor: [
10
'rgba(255, 99, 132, 0.2)',
11
'rgba(54, 162, 235, 0.2)',
12
'rgba(255, 206, 86, 0.2)',
13
'rgba(75, 192, 192, 0.2)',
14
'rgba(153, 102, 255, 0.2)',
15
'rgba(255, 159, 64, 0.2)'
16
],
17
borderColor: [
18
'rgba(255,99,132,1)',
19
'rgba(54, 162, 235, 1)',
20
'rgba(255, 206, 86, 1)',
21
'rgba(75, 192, 192, 1)',
22
'rgba(153, 102, 255, 1)',
23
'rgba(255, 159, 64, 1)'
24
],
25
borderWidth: 1
26
}]
27
},
28
options: {
29
scales: {
30
yAxes: [{
31
ticks: {
32
beginAtZero: true
33
}
34
}]
35
}
36
}
37
});
38
39
var ctx = document.getElementById("labelChart").getContext('2d');
40
var myChart = new Chart(ctx, {
41
type: 'bar',
42
data: {
43
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
44
datasets: [{
45
label: '# of Votes',
46
data: [12, 19, 3, 5, 2, 3],
47
backgroundColor: [
48
'rgba(255, 99, 132, 0.2)',
49
'rgba(54, 162, 235, 0.2)',
50
'rgba(255, 206, 86, 0.2)',
51
'rgba(75, 192, 192, 0.2)',
52
'rgba(153, 102, 255, 0.2)',
53
'rgba(255, 159, 64, 0.2)'
54
],
55
borderColor: [
56
'rgba(255,99,132,1)',
57
'rgba(54, 162, 235, 1)',
58
'rgba(255, 206, 86, 1)',
59
'rgba(75, 192, 192, 1)',
60
'rgba(153, 102, 255, 1)',
61
'rgba(255, 159, 64, 1)'
62
],
63
borderWidth: 1
64
}]
65
},
66
options: {
67
scales: {
68
yAxes: [{
69
ticks: {
70
beginAtZero: true
71
}
72
}]
73
}
74
}
75
});
Console errors: 0