Quelle "sur mesure" puis-je apporter à une page lecture de sonde ?

[Doudy]

Bonjour,

Voici ce que ça donne chez moi :


Il y a un petit soucis sur l'axe à droite !

J'ai placé "Graphique_details.jpg" dans \domoticz\www\monitor\icons\menu

Merci pour le boulot.

[Maxou]

Bonjour Doudy,

tu as inversé les sondes (int/ext) sans inverser l'interval par rapport à la configuration proposée.
Tu dois intervertir sur les lignes en index axe Y 0 et 2, l'idx (tu auras ta température int en rouge) OU l'interval axe Y (tu gardes ta température ext en rouge) de ton tableau
// 2 Axes Primary
[index , 'temp', idx,'day','te','line','Temp à ...','#.0','°C','#.0 °C', interval axe Y],
[0,'temp','xx','day','te','line','Temp à ...','#.0','°C','#.0 °C',2],
[1,'temp','xx','day','ba','spline','Pression (hPa)','#0','','#0 hPa',2],
// Axe Secondary
[2,'temp','xx','day','te','line','Pièce principale','#.0','°C','#.0 °C',.2],

[Doudy]

T'es un chef !
Merci

[Doudy]

Hello,

A quel niveau est-il possible de réduire légèrement la taille des chiffres températures ?

Merci

[Maxou]

Hello,

à quel niveau veux-tu réduire les valeurs, sur les échelles, je pense :
- en largeur : tu peux que jouer sur le contenu, c'est à dire de mettre l'interval axe Y à '1' au lieu de '.2' et tu peux enlever °C de suffix dans $.SensorArray [index , 'temp', idx,'day','te','line','Temp à ...','#.0','°C','#.0 °C', interval axe Y],
- en hauteur avec le nombre de pas de l'échelle : dans ce cas là si le Delta T grandit avec les températures actuelles, j'ai fait une mise à jour v0.3 qui calcule la taille du pas en fonction du mini et maxi des valeurs des courbes et du nombre de pas que l'on désire

[Doudy]

Hello,

Je pense que je me suis mal exprimé.
C'est la taille de la police de caractères (la grandeur des chiffres quoi)
Si c'est une police de 12 passer à 10 !
J'ai vu des fontcolor mais pas de fontsize si ça existe !

[Maxou]

Hello,

ce ne sont que des propriétés du graphique gérées nativement par le script JS de CanvasJS.com où tu pourras retrouver tout le détail des propriétés à ajouter sur le fichier 'graphique_sdt.html' (lien au site directement en bas à droite de chaque graphique ).
Le graphique s'adapte automatiquement à la taille du Canvas et le fait d'ajouter une propriété, cela va figer cette propriété. Il faut juste trouver le bon compromis dans la cas où tu modifies dynamiquement la taille du Canvas .

Pour ta demande, la propriété est 'labelFontSize'
Doc : https://canvasjs.com/docs/charts/basics ... ml5-chart/

[Doudy]

OK
Ça fonctionne

Code : Tout sélectionner

labelFontSize: 10 dans
axisY: 2x
axisY2:

Merci

[Maxou]

Content pour toi, Doudy.
Petite suggestion : tu peux enlever le titre Axe X 'Heure' qui ne sert à rien et qui te donnerait plus d'espace pour les courbes

[Doudy]

Bonjour Maxou,

Petite suggestion : tu peux enlever le titre Axe X 'Heure' qui ne sert à rien et qui te donnerait plus d'espace pour les courbes

Effectivement, c'est plus joli

Et en regardant dans la doc, j'ai également modifié :

Code : Tout sélectionner

title:{
	fontSize: 20,
	text: titregraph + lastdate
	},