debug: logs détaillés chargement données équipe
- Logs console détaillés dans team.html pour diagnostiquer le chargement - Message de fallback informatif si données non chargées - Vérifications build pour team-visualization-data.json - Diagnostic pour identifier pourquoi les visualisations n'apparaissent pas Les logs console aideront à identifier si le problème vient : - Du chargement des données JSON - De l'initialisation des graphiques Cytoscape/ECharts - De l'accès aux fichiers statiques
This commit is contained in:
@@ -274,13 +274,42 @@
|
||||
// Charger les données
|
||||
async function loadData() {
|
||||
try {
|
||||
console.log('🔄 Chargement des données équipe depuis /team-visualization-data.json');
|
||||
const response = await fetch('/team-visualization-data.json');
|
||||
console.log('📡 Réponse reçue:', response.status, response.statusText);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
|
||||
}
|
||||
|
||||
data = await response.json();
|
||||
console.log('✅ Données chargées:', Object.keys(data));
|
||||
console.log('📊 Nombre de nœuds réseau:', data.network?.nodes?.length || 0);
|
||||
console.log('📊 Données matrice congestion:', data.congestionMatrix?.length || 0);
|
||||
console.log('📊 Données équipe genèse:', data.genesisTeam ? 'présentes' : 'absentes');
|
||||
|
||||
initVisualizations();
|
||||
} catch (error) {
|
||||
console.error('Erreur lors du chargement des données:', error);
|
||||
document.getElementById('genesis-team').innerHTML =
|
||||
'<div class="warning-box">Erreur lors du chargement des données. Assurez-vous que le script generate-team-visualization-data.js a été exécuté.</div>';
|
||||
console.error('❌ Erreur lors du chargement des données:', error);
|
||||
|
||||
// Fallback : afficher un message d'information si les données ne se chargent pas
|
||||
const fallbackMessage = `
|
||||
<div style="padding: 20px; background: rgba(255, 152, 0, 0.1); border: 1px solid #ff9800; border-radius: 8px; margin: 20px 0;">
|
||||
<h3 style="color: #ff9800; margin-top: 0;">🔄 Chargement des données...</h3>
|
||||
<p>Les visualisations équipe se chargent. Si elles n'apparaissent pas :</p>
|
||||
<ul>
|
||||
<li>Vérifiez la console du navigateur (F12) pour les erreurs</li>
|
||||
<li>Assurez-vous que <code>team-visualization-data.json</code> est accessible</li>
|
||||
<li>Le script <code>generate-team-visualization-data.js</code> doit avoir été exécuté</li>
|
||||
</ul>
|
||||
<p><strong>Erreur détectée :</strong> ${error.message}</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
// Afficher le message de fallback dans toutes les sections
|
||||
document.getElementById('network-graph').innerHTML = fallbackMessage;
|
||||
document.getElementById('congestion-matrix').innerHTML = fallbackMessage;
|
||||
document.getElementById('genesis-team').innerHTML = fallbackMessage;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user