-
Sergio Jiménez Jiménez
- Máster Universitario en Inteligencia Artificial
- Universidad Internacional de La Rioja (UNIR) | 2025
+
@@ -964,15 +1261,16 @@
const BLUE_DARK = '#007AA3';
const LIGHT = '#E6F4F9';
const RED = '#E8654A';
- const ORANGE = '#F0A030';
+ const ORANGE = '#E8832A';
const GREEN = '#2EAD4B';
const GRAY = '#CCCCCC';
// Common chart options
+ const isPrint = window.location.search.includes('print-pdf');
const commonOptions = {
responsive: true,
- maintainAspectRatio: true,
- animation: { duration: 1200, easing: 'easeOutQuart' },
+ maintainAspectRatio: false,
+ animation: isPrint ? false : { duration: 1200, easing: 'easeOutQuart' },
plugins: { legend: { display: false } }
};
@@ -987,19 +1285,19 @@
{
label: 'CER (%)',
data: [11.23, 7.76, 12.06],
- backgroundColor: [GRAY, BLUE, GRAY],
- borderColor: [GRAY, BLUE_DARK, GRAY],
+ backgroundColor: [ORANGE, BLUE, GREEN],
+ borderColor: ['#CC6B1A', BLUE_DARK, '#1E8A3C'],
borderWidth: 2,
- borderRadius: 6,
+ borderRadius: 4,
barPercentage: 0.6
},
{
label: 'WER (%)',
data: [36.36, 11.62, 42.01],
- backgroundColor: ['rgba(204,204,204,0.4)', 'rgba(0,152,205,0.4)', 'rgba(204,204,204,0.4)'],
- borderColor: [GRAY, BLUE, GRAY],
+ backgroundColor: ['rgba(232,131,42,0.35)', 'rgba(0,152,205,0.35)', 'rgba(46,173,75,0.35)'],
+ borderColor: [ORANGE, BLUE, GREEN],
borderWidth: 2,
- borderRadius: 6,
+ borderRadius: 4,
barPercentage: 0.6
}
]
@@ -1060,7 +1358,7 @@
backgroundColor: [GRAY, BLUE],
borderColor: ['#aaa', BLUE_DARK],
borderWidth: 2,
- borderRadius: 8,
+ borderRadius: 6,
barPercentage: 0.5
}]
},
@@ -1198,7 +1496,7 @@
backgroundColor: 'rgba(204,204,204,0.7)',
borderColor: '#aaa',
borderWidth: 2,
- borderRadius: 6,
+ borderRadius: 4,
barPercentage: 0.7
},
{
@@ -1207,7 +1505,7 @@
backgroundColor: BLUE,
borderColor: BLUE_DARK,
borderWidth: 2,
- borderRadius: 6,
+ borderRadius: 4,
barPercentage: 0.7
}
]
@@ -1245,7 +1543,7 @@
backgroundColor: [ORANGE, BLUE],
borderColor: ['#CC8020', BLUE_DARK],
borderWidth: 2,
- borderRadius: 8,
+ borderRadius: 6,
barPercentage: 0.5
}]
},
@@ -1288,32 +1586,45 @@
// Initialize Reveal.js
Reveal.initialize({
hash: true,
- slideNumber: 'c/t',
+ slideNumber: false,
transition: 'slide',
transitionSpeed: 'default',
width: 1280,
height: 720,
- margin: 0.06,
+ margin: 0,
center: false,
- controlsTutorial: false
+ controlsTutorial: false,
+ pdfSeparateFragments: false
});
// Create charts on slide change
Reveal.on('slidechanged', (event) => {
const chartType = event.currentSlide.dataset.chart;
if (chartType && chartCreators[chartType]) {
- // Small delay to ensure canvas is visible before rendering
setTimeout(() => chartCreators[chartType](), 100);
}
});
// Also check initial slide
Reveal.on('ready', (event) => {
- const chartType = event.currentSlide.dataset.chart;
- if (chartType && chartCreators[chartType]) {
- setTimeout(() => chartCreators[chartType](), 300);
+ // In print-pdf mode, create ALL charts immediately
+ if (window.location.search.includes('print-pdf')) {
+ // Create all charts synchronously for print
+ Object.values(chartCreators).forEach(fn => fn());
+ } else {
+ const chartType = event.currentSlide.dataset.chart;
+ if (chartType && chartCreators[chartType]) {
+ setTimeout(() => chartCreators[chartType](), 300);
+ }
}
});
+
+ // Fallback: also try creating charts after DOM is fully loaded
+ if (window.location.search.includes('print-pdf')) {
+ window.addEventListener('load', () => {
+ Object.values(chartCreators).forEach(fn => fn());
+ });
+ }
- 
+ 
+