Graphique design info sur le pointeur

Utilisation du core de Jeedom Design
1

Bonjour à tous,

Sur mon design, j’affiche une courbe de température et j’aimerais supprimer le nom de l’info sur le pointeur pour avoir juste la valeur de la température.
Sur l’ancien forum, j’ai trouvé ça mais visiblement ça ne marche pas.

.highcharts-label:nth-child(2)>.highcharts-label-box+text>tspan:not(:nth-of-type(3)) 
{
  display:none;
}

Si quelqu’un à une idée…
Merci d’avance.
Samuel.

2

Bonjour,
Il me semble que ce n’était pas :nth-of-type(3)
mais plutôt :nth-of-type(1), maintenant je peux me tromper…

Ceci dit, je cherche la même chose car depuis une des màj Jeedom il y a quelques mois, cela ne fonctionne plus :frowning: (une évolution de la librairie Highcharts je suppose) :frowning:

EDIT : peut-être plutôt une modification de l’écriture du tooltip car voici comment il est affiché :

<g class="highcharts-label highcharts-tooltip-box highcharts-color-none" transform="translate(107,94)" style="cursor:default;white-space:nowrap;">
	<path fill="none" class="highcharts-label-box highcharts-shadow" d="M 3.5 0.5 L 257.5 0.5 C 260.5 0.5 260.5 0.5 260.5 3.5 L 260.5 44.5 C 260.5 47.5 260.5 47.5 257.5 47.5 L 3.5 47.5 C 0.5 47.5 0.5 47.5 0.5 44.5 L 0.5 29.839398000000003 L -5.5 23.839398000000003 L 0.5 17.839398000000003 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke="#000000" stroke-opacity="0.049999999999999996" stroke-width="5" transform="translate(1, 1)"></path>
	<path fill="none" class="highcharts-label-box highcharts-shadow" d="M 3.5 0.5 L 257.5 0.5 C 260.5 0.5 260.5 0.5 260.5 3.5 L 260.5 44.5 C 260.5 47.5 260.5 47.5 257.5 47.5 L 3.5 47.5 C 0.5 47.5 0.5 47.5 0.5 44.5 L 0.5 29.839398000000003 L -5.5 23.839398000000003 L 0.5 17.839398000000003 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke="#000000" stroke-opacity="0.09999999999999999" stroke-width="3" transform="translate(1, 1)"></path>
	<path fill="none" class="highcharts-label-box highcharts-shadow" d="M 3.5 0.5 L 257.5 0.5 C 260.5 0.5 260.5 0.5 260.5 3.5 L 260.5 44.5 C 260.5 47.5 260.5 47.5 257.5 47.5 L 3.5 47.5 C 0.5 47.5 0.5 47.5 0.5 44.5 L 0.5 29.839398000000003 L -5.5 23.839398000000003 L 0.5 17.839398000000003 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke="#000000" stroke-opacity="0.15" stroke-width="1" transform="translate(1, 1)"></path>
	<path fill="rgba(247,247,247,0.85)" class="highcharts-label-box" d="M 3.5 0.5 L 257.5 0.5 C 260.5 0.5 260.5 0.5 260.5 3.5 L 260.5 44.5 C 260.5 47.5 260.5 47.5 257.5 47.5 L 3.5 47.5 C 0.5 47.5 0.5 47.5 0.5 44.5 L 0.5 29.839398000000003 L -5.5 23.839398000000003 L 0.5 17.839398000000003 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke="#d20000" stroke-width="1"></path>
	<text x="8" data-z-index="1" y="20" style="color:#333333;font-size:12px;fill:#333333;">
		15 289.08 Wh
		<tspan class="highcharts-br" dy="15" x="8">​</tspan>
		[Informatique][Consommation][STAT_TODAY]
	</text>
</g>

Donc sur le bloc <text> on arrive soit à tout supprimer, soit à supprimer uniquement le sous-bloc <span> , mais pas la ligne du dessus ni celle du dessous car elles ne sont pas définies comme des balises (c’est du texte pur).
C’est bien ça ?

Pour être clair, nous voudrions que le tooltip affiché qui est :

	<text x="8" data-z-index="1" y="20" style="color:#333333;font-size:12px;fill:#333333;">
		15 289.08 Wh
		<tspan class="highcharts-br" dy="15" x="8">​</tspan>
		[Informatique][Consommation][STAT_TODAY]
	</text>

devienne :

	<text x="8" data-z-index="1" y="20" style="color:#333333;font-size:12px;fill:#333333;">
		15 289.08 Wh
	</text>

C’est possible ça ?

3

Bonjour,

Je suis tombé sur le post ayant la même problématique. Sur mobile, c’est particulièrement gênant, car pour certains points la valeur ne s’affiche même pas au détriment du libellé !

Capture
Capture1242×874 97.8 KB

Ce n’est pas lié à une évolution de Highcharts mais à une modification du core Jeedom (ici). Auparavant le nom de la série était dans un « span » ce qui permettait de l’enlever avec une personnalisation css. Ce n’est plus le cas maintenant :pensive:.

Peut-être qu’un dev Jeedom pourrait faire quelque chose ?
Philippe

1 « J'aime »
4

Hello,
Pas seulement sur mobile, c’est le cas dans beaucoup de graphiques relativement petits : le nom dépasse presque toujours le cadre, donc on ne peut même pas lire la valeur :frowning:
Exemple :
image

Please please, remettez le nom dans un « span » qu’on puisse l’afficher ou le masquer comme on le souhaite via 2 ou 3 lignes de code dans nos design :pray: :pray: :pray: :pray: :pray:

5

J’ai besoin de l’aide du pro du « sed » SVP, car je n’ai jamais réussi les formules alambiquées avec cette fichue commande, elle me rend dingue :crazy_face:
En fait je n’arrive pas à échapper correctement les caractères > et < :frowning:

Je voudrais :

  • remplacer dans le fichier : history.class.js
  • les occurrences du texte :

pointFormat: '{point.y} {series.userOptions.unite}<br/>{series.userOptions.shortName}',

  • par ce texte :

pointFormat: '{point.y} {series.userOptions.unite}<br/><span>{series.userOptions.shortName}</span>',

Je veux faire un petit script, comme ça à chaque mise à jour de Jeedom je n’ai qu’à relancer le script en un clic, plutôt que d’aller manuellement modifier le fichier (c’est beaucoup plus long et source de plus d’erreurs que le script).

Quelqu’un saurait me filer un petit coup de patte SVP ?

6

Bonjour,

Je ne suis pas un pro du sed mais je ne vois pas pourquoi il faudrait échapper les caractères > et <, c’est les / qu’il faut échapper :

sudo sed -i -e "s/pointFormat: '{point.y} {series.userOptions.unite}<br\/>{series.userOptions.shortName}',/pointFormat: '{point.y} {series.userOptions.unite}<br\/><span>{series.userOptions.shortName}<\/span>',/g" /var/www/html/core/js/history.class.js
1 « J'aime »
7

Merci beaucoup, ça fonctionne parfaitement :slight_smile:
Je cherchais sur les « > » et « < » parce que le message d’erreur faisait référence à l’un des deux et j’y comprenais pas grand chose :frowning:

1 « J'aime »