debug: logs détaillés toutes les étapes team.html
- Log au chargement des scripts externes (Cytoscape, ECharts) - Log au démarrage de loadData() - Log au début de chaque fonction d'initialisation - Vérifications de disponibilité des données Ces logs permettront de voir exactement où le processus bloque : - Scripts externes se chargent-ils ? - Données se chargent-elles ? - Fonctions d'initialisation s'exécutent-elles ? - Graphiques se créent-ils ?
This commit is contained in:
@@ -7,6 +7,11 @@
|
||||
<script src="https://cdn.jsdelivr.net/npm/cytoscape@3.26.0/dist/cytoscape.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/cytoscape-cose-bilkent@4.1.0/cytoscape-cose-bilkent.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
|
||||
<script>
|
||||
console.log('🔧 TEAM.HTML: Scripts externes chargés');
|
||||
console.log('🔧 Cytoscape disponible:', typeof cytoscape !== 'undefined');
|
||||
console.log('🔧 ECharts disponible:', typeof echarts !== 'undefined');
|
||||
</script>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
@@ -267,10 +272,14 @@
|
||||
</div>
|
||||
|
||||
<script>
|
||||
console.log('🚀 TEAM.HTML: Script chargé, initialisation...');
|
||||
|
||||
let data = null;
|
||||
let networkCy = null;
|
||||
let congestionChart = null;
|
||||
|
||||
console.log('📋 TEAM.HTML: Fonction loadData() appelée');
|
||||
|
||||
// Charger les données
|
||||
async function loadData() {
|
||||
try {
|
||||
@@ -315,6 +324,7 @@
|
||||
|
||||
// Initialiser les visualisations
|
||||
function initVisualizations() {
|
||||
console.log('🎨 TEAM.HTML: initVisualizations() appelée');
|
||||
initNetworkGraph();
|
||||
initCongestionMatrix();
|
||||
initGenesisTeam();
|
||||
@@ -322,7 +332,11 @@
|
||||
|
||||
// Graphe réseau
|
||||
function initNetworkGraph() {
|
||||
if (!data || !data.network) return;
|
||||
console.log('📊 TEAM.HTML: initNetworkGraph() appelée');
|
||||
if (!data || !data.network) {
|
||||
console.log('⚠️ TEAM.HTML: Pas de données réseau');
|
||||
return;
|
||||
}
|
||||
|
||||
networkCy = cytoscape({
|
||||
container: document.getElementById('network-graph'),
|
||||
@@ -419,7 +433,11 @@
|
||||
|
||||
// Matrice de congestion
|
||||
function initCongestionMatrix() {
|
||||
if (!data || !data.congestionMatrix) return;
|
||||
console.log('📈 TEAM.HTML: initCongestionMatrix() appelée');
|
||||
if (!data || !data.congestionMatrix) {
|
||||
console.log('⚠️ TEAM.HTML: Pas de données matrice congestion');
|
||||
return;
|
||||
}
|
||||
|
||||
const chart = echarts.init(document.getElementById('congestion-matrix'));
|
||||
congestionChart = chart;
|
||||
@@ -523,7 +541,11 @@
|
||||
|
||||
// Équipe de genèse
|
||||
function initGenesisTeam() {
|
||||
if (!data || !data.genesisTeam) return;
|
||||
console.log('👥 TEAM.HTML: initGenesisTeam() appelée');
|
||||
if (!data || !data.genesisTeam) {
|
||||
console.log('⚠️ TEAM.HTML: Pas de données équipe genèse');
|
||||
return;
|
||||
}
|
||||
|
||||
const genesis = data.genesisTeam;
|
||||
const html = `
|
||||
@@ -610,6 +632,7 @@
|
||||
}
|
||||
|
||||
// Charger au démarrage
|
||||
console.log('🚀 TEAM.HTML: Démarrage - appel loadData()');
|
||||
loadData();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user