Problème suite à une mise à jour de highcharts

[jturlier]

Bonjour,
suite à une modification du javascript de highchart le 17/01/2019, les "gauges" ne fonctionnent plus correctement.
La solution : revenir à la version 7.0.1 en l'installant localement. Merci à Pierre (iceman62) pour m'avoir fourni le paquet de scripts 7.0.1.
Cela pourrait être aussi positif pour les sites sécurisés en https puisque les scripts sont locaux.

[PascalWMR]

Bonjour

Si comme moi vous charger les librairies Highcharts Highstock depuis le serveur code.highcharts.com, une nouvelle version (9.0.0) à été mise en ligne le 02/02/2021.
Avec cette nouvelle version, ceux qui affichent des tooltips sous forme de tableau HTML et des images dans les tooltips sont confrontés à des erreurs et les images ne s'affichent plus.
Je ne sait pas pourquoi, avec cette nouvelle version, les attributs cellspacing, cellpadding, align et src ne sont plus supportés. Un bug je suppose.

Pour pallier à ce problème, en attendant une correction, il faut revenir à la version précédente, la 8.2.2.
Pour cela, dans les liens pointants vers les librairies Highcharts, il faut rajouter 8.2.2 aux liens comme ci-dessous.

Pour un graphique Highcharts tout simple, voici les liens des librairies normalement nécessaires:

Code : Tout sélectionner

<script type="text/javascript" src="https://code.highcharts.com/8.2.2/highcharts.js"></script> 
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/highcharts-more.js"></script> 
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/exporting.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/debugger.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/boost.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/datagrouping.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/no-data-to-display.js"></script>

Pour des graphiques Highcharts type Heatmap voici les liens des librairies normalement nécessaires:

Code : Tout sélectionner

<script type="text/javascript" src="https://code.highcharts.com/8.2.2/highcharts.js"></script> 
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/highcharts-more.js"></script> 
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/exporting.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/debugger.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/boost.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/no-data-to-display.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/heatmap.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/data.js"></script>

et les liens des librairies normalement nécessaires pour des graphiques Highstock

Code : Tout sélectionner

<script type="text/javascript" src="https://code.highcharts.com/stock/8.2.2/highstock.js"></script> 
<script type="text/javascript" src="https://code.highcharts.com/stock/8.2.2/highcharts-more.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/stock/8.2.2/modules/exporting.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/export-data.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/debugger.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/boost.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/8.2.2/modules/datagrouping.js"></script>

Attention, il faut corriger les liens de toutes les librairies, sous peine d'avoir d'autres erreurs.

J'ai un fichier de test qui reste avec les dernières librairies. Je préviendrai lorsque le bug aura été corrigé.

Bon WE

A+
Pascal

[JP54]

C'est bien d'avoir les librairies à jour, mais ça pose des problèmes de temps en temps et c'est bien dommage.
Merci pour les liens

[PascalWMR]

Bonjour à tous

La version 9.0.1 des librairies Highcharts à été mise en ligne et elle corrige le bug que j’évoquai dans mon précédent post.
On peut donc supprimer le 8.2.2 des liens.

A+
Pascal

[PascalWMR]

Bonjour

La version 9.1.0 des librairies Highcharts Stocks Maps et touti quanti est sortie.

Dans les tooltips sous forme de tableau HTML, les attributs cellspacing, cellpadding, align, valign ne sont plus supportés.
Les attributs cellspacing et cellpadding sont définitivement supprimés.

pour align et valign, il faut par exemple pour la syntaxe ci-dessous.
<td colspan="5" align="center" valign="middle">

utiliser
<td colspan="5" style="text-align: center; vertical-align: center">

Par contre, j'ai repéré un autre problème.
Lorsque l'on utilise plusieurs yAxis empilés comme ici https://www.monsite-meteo.eu/PC/G-HS-Precipitations.php, le tooltip n'apparait que lorsque le curseur survole le 1er panneaux.
Je cherche la solution.

A+
Pascal