Ispravljen prikaz fontova na Chart.js grafikonu u Chromium browserima (Opera, Chrome, Edge)

Problem: u Operi i Chrome-u na Chart.js grafikonu (Izveštaji) stubići
se vide, ali slova i brojevi ne. U Firefoxu sve radi ispravno.
Uzrok 1 — CSP font-src 'self' (internal/middleware/bezbednost.go):
Chromium primenjuje CSP font-src direktivu i na canvas.fillText(),
blokirajući sistemske fontove jer nisu sa 'self' origina.
Firefox ovu proveru ne radi.
Uzrok 2 — nedostaje font family u Chart.js konfiguraciji:
Canvas na Linuxu ne ume sam da pronađe font sa ćiriličnim slovima
(Helvetica/Arial ih često nemaju za canvas iako ih imaju u DOM-u).
Rešenje:
- Uklonjena font-src direktiva iz CSP-a
- Dodat family: 'DejaVu Sans, Ubuntu, system-ui, sans-serif' na
legendu, x-osu i y-osu Chart.js grafikona
This commit is contained in:
2026-06-09 22:15:44 +02:00
parent eb506ce519
commit 53d9ada97b
2 changed files with 3 additions and 4 deletions
+3 -3
View File
@@ -226,7 +226,7 @@
maintainAspectRatio: false,
plugins: {
legend: {
labels: { color: tekstBoja, font: { size: 12 }, boxWidth: 12, padding: 16 }
labels: { color: tekstBoja, font: { size: 12, family: 'DejaVu Sans, Ubuntu, system-ui, sans-serif' }, boxWidth: 12, padding: 16 }
},
tooltip: {
callbacks: {
@@ -239,13 +239,13 @@
scales: {
x: {
stacked: false,
ticks: { color: tekstBoja, font: { size: 11 } },
ticks: { color: tekstBoja, font: { size: 11, family: 'DejaVu Sans, Ubuntu, system-ui, sans-serif' } },
grid: { color: ivicaBoja }
},
y: {
ticks: {
color: tekstBoja,
font: { size: 11 },
font: { size: 11, family: 'DejaVu Sans, Ubuntu, system-ui, sans-serif' },
callback: function(v) { return Math.round(v).toLocaleString('sr-RS') + ' din'; }
},
grid: { color: ivicaBoja }