Partage de dashboards pour TeslaMate créés par des membres du forum

[yvespsv]

@jpz68
Concernant le dashboard, "Synthèse de Voyage", pour ma part, je n’ai pas tester celui de @J2J2 , mais s’il fonctionne mieux et est plus ergonomique autant garder le plus uptodate.
A toi de voir

[Barca]

@jpz68
Toujours des erreurs, a toutes les périodes cette fois

[P@t]

Bon voilà chronologiquement mes actions et le "résultat" je suis maudit

[yvespsv]

Voici qq solutions via Grok
**C'est un bug côté frontend de Grafana** (erreur JavaScript/DOM `insertBefore`).

L'erreur indique que le code JavaScript de Grafana essaie d'insérer un élément dans le DOM à un mauvais endroit (le nœud de référence n'est pas un enfant du parent). Ce n'est **pas** un problème avec tes données TeslaMate ou le dashboard lui-même, mais un plantage pendant le processus d'import.

### Pourquoi ça arrive ?
- Souvent lié à une incompatibilité mineure entre la version de Grafana et le dashboard importé (surtout s'il vient de grafana.com).
- Extensions de navigateur (traducteur Google, adblockers, etc.) qui modifient le DOM.
- Bug React/Grafana connu sur certaines versions (surtout lors de l'import avec des panels ou variables spécifiques).
- Parfois un timing/race condition pendant le chargement des options d'import.

### Solutions à essayer (dans l'ordre) :

1. **Recharge forcée + cache vide**
- Appuie sur **Ctrl + Shift + R** (ou Cmd + Shift + R sur Mac) sur la page d'import.
- Ou ouvre la page en mode navigation privée / Incognito.

2. **Désactive les extensions de navigateur**
- Désactive temporairement le traducteur Chrome/Firefox et tout adblocker/uBlock, puis réessaie.

3. **Importe différemment**
- Télécharge le JSON du dashboard depuis grafana.com (au lieu d'importer directement par ID/URL).
- Va dans **Dashboards → New → Import**, puis colle le JSON ou uploade le fichier.
- Choisis bien le dossier et le datasource **TeslaMate**.

4. **Vérifie ta version de Grafana**
- Va dans Grafana → en bas à gauche → regarde la version.
- Si tu es sur une version récente (v11+ ou v12+), c'est probablement lié à ça. Essaie de mettre à jour Grafana si possible, ou reviens à une version stable connue pour TeslaMate.

5. **Solution de contournement TeslaMate**
- Les dashboards TeslaMate officiels sont souvent disponibles directement dans le repo GitHub de TeslaMate.
- Tu peux les importer manuellement via JSON ou utiliser le script d'import fourni dans l'installation TeslaMate (si tu as configuré `grafana_import_dashboards`).

Si ça ne marche toujours pas, dis-moi :
- Ta version exacte de Grafana (et de TeslaMate).
- Le lien/ID exact du dashboard que tu essaies d'importer.
- Si tu utilises Docker / HA addon / etc.

[P@t]

Merci pour ta patience :

• Version grafana: je ne trouve pas

• version MyTeslamate: 4.0.1

• le lien des json est celui d ela page 1 de ce thread

• "Télécharge le JSON du dashboard depuis grafana.com (au lieu d'importer directement par ID/URL)."

Pour le reste je n'ai pas tout compris

[yvespsv]

Pour la version Graphana en haut du dashboard à coté de ton compte tu dois avoir un ?. Cliques dessus le ? tu auras la version de graphana.

Mais si tu arrives à avoir un tableau alors il y a certainement un autre pb qui ne vient pas de Graphana. Comme je te l'ai dit je n'ai pas tout sous la main. Le mieux c'est de te faire aider par une IA en lui demandant où se trouve le pb, en lui donnant des captures d'écran à chaque étape. Elle va trouver. Bon d'accord des fois l'IA se perd dans les détails ; dis lui d'être pragmatique

[yvespsv]

@P@t

Je viens de faire un test sur mon portable ici. Selon tes captures d'écran ci avant, tu as tout bien fait. Chez moi l'import fonctionne. J'ai Graphana V13.0.1.

"Télécharge le JSON du dashboard depuis grafana.com (au lieu d'importer directement par ID/URL".
Cela signifie que tu cliques sur Télécharger sur le Onedrive de @jpz68 et tu enregistres le fichier .json sur ton ordinateur.
Puis tu retournes dans Graphana Dashboard. Tu vas sur import (vois ta capture d'écran précédente), sur la page qui s'affiche, tu cliques sur télécharger le fichier .json (là tu cherches dans le dossier de ton PC où tu as enregistrer le fichier téléchargé de Onedrive), tu fais ouvrir (le fichier se télécharge dans dashboard). Tu mets Teslamate dans la dernière case. Normalement cela devrait fonctionner

[P@t]

@yvespsv c'est exactement ce que je fais...
Encore merci pour le temps que tu prends mais profite de ton séjour, graphana peut attendre

[yvespsv]

As tu essayé d'importer un autre dashboard pour voir si tu as les mêmes erreurs !

[P@t]

Oui sur 3 imports

[yvespsv]

Désolé, là , je ne sais pas ce qu'il se passe si aucun des 3, fonctionne

[jpz68]

@Barca Je pense avoir contourné le problème, c'était encore lié à la constante min_duration : j'ai changé son type en zone de texte invisible (en laissant 0 comme valeur par défaut) mais pour moi cela ne sert à rien (ou alors il faudrait rendre ce champ visible pour qu'on puisse saisir une valeur différente)

@P@t C'est peut-être lié à un réglage de traduction car le texte affiché dans tes captures n'est pas tout à fait le même que chez moi. Regarde ce que tu as comme réglage dans Traduire au niveau des paramètres de ton navigateur, de mon côté j'ai ceci sous Edge (je pense que c'est pareil sous Chrome) :



Si je change ce réglage et que je mets Toujours traduire les pages en français alors j'obtiens la même erreur que toi.

Si je remets mon réglage initial (Ne jamais traduire les pages rédigées en Français) je n'ai plus d'erreur.

Je ne sais pas si c'est la cause de ton problème, mais tu peux essayer de changer ce réglage, peut-être que cela le résoudra

[yvespsv]

Maintenant que j’y pense, j’avais eu pb avec mon Edge lors de la traduction. Mais c’etait sur la page de démarrage. @jpz68 a certainement raison, pb de traduction de Edge

[P@t]

J'irai voir ça mais je suis sur Chrome

[Barca]

@P@t
C'est une probabilité que j'ai rencontré sur un site avec google trad en automatique sur firfox ou chrome.
Tu pourrais aussi tester avec firefox.

[yvespsv]

Edge c’est à base de Chrome

[P@t]

Merci à tous pour votre aide et votre perspicacité, en virant le traducteur j'ai réussi à charger le dashboard powermax.
Mais...ayant fait wallon deuxième langue je ne retrouve pas dans les dashborad ceux que Myteslamate m'indique comme déjà existant alors qu'il me refusait l'import.
Donc voilà ceux que j'ai téléchargés sur la page 1


Et voilà les dossiers sous lesquels ils devraient être mais je ne retrouve pas les intitulés ou alors ils sont autre part mais où?

[yvespsv]

Dans un autre dossier !

[Barca]

@P@t
Mets tes lunettes,
Charge locations et powermax sont sous Battery/charges
Charge locations & drives sous timeline/trip
Les autres peuvent se trouver à la racine ou dans un atre dossier que tu aurais ajouté.
Sinon entre le nom dans recherche

[P@t]

Oups j'avais mes lunettes il suffisait de rafraîchir la page pour tout avoir (synthèse voyages)
Par contre je ne visualise pas les points rouges (charge locations?)
encore