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:
@@ -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 }
|
||||
|
||||
Reference in New Issue
Block a user