Page 3 sur 4

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

Publié : 18 mai 2020, 08:34
par Doudy
Bonjour,

Voici ce que ça donne chez moi :
Image

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.


;)

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

Publié : 18 mai 2020, 13:44
par 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],

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

Publié : 18 mai 2020, 17:04
par Doudy
T'es un chef !
Merci

;)

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

Publié : 22 mai 2020, 08:31
par Doudy
Hello,

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

Merci
;)

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

Publié : 22 mai 2020, 17:29
par 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

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

Publié : 23 mai 2020, 09:54
par 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 !


;)

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

Publié : 23 mai 2020, 15:46
par 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 :geek:).
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/

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

Publié : 23 mai 2020, 16:44
par Doudy
OK
Ça fonctionne :)

Code : Tout sélectionner

labelFontSize: 10 dans
axisY: 2x
axisY2:
Image

Merci
;)

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

Publié : 23 mai 2020, 20:13
par 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 ;)

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

Publié : 24 mai 2020, 08:18
par Doudy
Bonjour Maxou,
Maxou a écrit : 23 mai 2020, 20:13 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
	},
	
Image

;)