hamzus-ui 0.0.161 → 0.0.163
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
export let label = '';
|
|
6
6
|
export let onClick = null;
|
|
7
|
+
export let addOptions = {};
|
|
7
8
|
|
|
8
9
|
export let data = {}; // clé pour le titre de la collonne et un nombre pour la valeur
|
|
9
10
|
|
|
@@ -23,6 +24,8 @@
|
|
|
23
24
|
if (bacteryChart) {
|
|
24
25
|
bacteryChart.destroy();
|
|
25
26
|
}
|
|
27
|
+
const options = deepMerge({...getDefaultOptions()}, addOptions);
|
|
28
|
+
|
|
26
29
|
bacteryChart = new Chart(ctx, {
|
|
27
30
|
type: 'bar',
|
|
28
31
|
data: {
|
|
@@ -41,32 +44,47 @@
|
|
|
41
44
|
}
|
|
42
45
|
]
|
|
43
46
|
},
|
|
44
|
-
options:
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
47
|
+
options: options
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
function getDefaultOptions() {
|
|
51
|
+
return {
|
|
52
|
+
maintainAspectRatio: false,
|
|
53
|
+
responsive: true,
|
|
54
|
+
scales: {
|
|
55
|
+
y: {
|
|
56
|
+
beginAtZero: true
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
onClick(event, elements) {
|
|
60
|
+
if (onClick === null) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
if (elements.length > 0) {
|
|
64
|
+
const el = elements[0];
|
|
65
|
+
const datasetIndex = el.datasetIndex;
|
|
66
|
+
const index = el.index;
|
|
60
67
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
68
|
+
const label = bacteryChart.data.labels[index];
|
|
69
|
+
const value = bacteryChart.data.datasets[datasetIndex].data[index];
|
|
70
|
+
const datasetLabel = bacteryChart.data.datasets[datasetIndex].label;
|
|
64
71
|
|
|
65
|
-
|
|
66
|
-
}
|
|
72
|
+
onClick(label, value);
|
|
67
73
|
}
|
|
68
74
|
}
|
|
69
|
-
}
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
function deepMerge(target, source) {
|
|
79
|
+
for (const key in source) {
|
|
80
|
+
if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
|
|
81
|
+
if (!target[key]) target[key] = {};
|
|
82
|
+
deepMerge(target[key], source[key]);
|
|
83
|
+
} else {
|
|
84
|
+
target[key] = source[key];
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
return target;
|
|
70
88
|
}
|
|
71
89
|
</script>
|
|
72
90
|
|