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@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/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 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>
|
<style>
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -267,10 +272,14 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
console.log('🚀 TEAM.HTML: Script chargé, initialisation...');
|
||||||
|
|
||||||
let data = null;
|
let data = null;
|
||||||
let networkCy = null;
|
let networkCy = null;
|
||||||
let congestionChart = null;
|
let congestionChart = null;
|
||||||
|
|
||||||
|
console.log('📋 TEAM.HTML: Fonction loadData() appelée');
|
||||||
|
|
||||||
// Charger les données
|
// Charger les données
|
||||||
async function loadData() {
|
async function loadData() {
|
||||||
try {
|
try {
|
||||||
@@ -315,6 +324,7 @@
|
|||||||
|
|
||||||
// Initialiser les visualisations
|
// Initialiser les visualisations
|
||||||
function initVisualizations() {
|
function initVisualizations() {
|
||||||
|
console.log('🎨 TEAM.HTML: initVisualizations() appelée');
|
||||||
initNetworkGraph();
|
initNetworkGraph();
|
||||||
initCongestionMatrix();
|
initCongestionMatrix();
|
||||||
initGenesisTeam();
|
initGenesisTeam();
|
||||||
@@ -322,7 +332,11 @@
|
|||||||
|
|
||||||
// Graphe réseau
|
// Graphe réseau
|
||||||
function initNetworkGraph() {
|
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({
|
networkCy = cytoscape({
|
||||||
container: document.getElementById('network-graph'),
|
container: document.getElementById('network-graph'),
|
||||||
@@ -419,7 +433,11 @@
|
|||||||
|
|
||||||
// Matrice de congestion
|
// Matrice de congestion
|
||||||
function initCongestionMatrix() {
|
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'));
|
const chart = echarts.init(document.getElementById('congestion-matrix'));
|
||||||
congestionChart = chart;
|
congestionChart = chart;
|
||||||
@@ -523,7 +541,11 @@
|
|||||||
|
|
||||||
// Équipe de genèse
|
// Équipe de genèse
|
||||||
function initGenesisTeam() {
|
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 genesis = data.genesisTeam;
|
||||||
const html = `
|
const html = `
|
||||||
@@ -610,6 +632,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Charger au démarrage
|
// Charger au démarrage
|
||||||
|
console.log('🚀 TEAM.HTML: Démarrage - appel loadData()');
|
||||||
loadData();
|
loadData();
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user