[AIDE] Highcharts - graphique en fonction d'une var ID et Time

Marsh Posté le 08-03-2019 à 09:28:06

Bonjour à tous!

Dans le cadre de la domotisation de ma maison j'utilise un soft domotique jeedom.
https://www.jeedom.com/site/fr/

Ce dernier permet d'exploiter des données capteurs etc et de faire des graphiques. Le souci ce sont les limites de ces graphiques...

La bonne nouvelle c'est que la librairie "highcharts" est nativement implémentée dans jeedom :love: . Elle permet une personnalisation poussée des graphiques!

J'expose mon souci:

j'ai créé un tuto pour un module de mesure courant/tension et donc puissance:
https://www.jeedom.com/forum/viewtopic.php?t=43748

- je remonte des données "puissances instantanées" toutes les 5s (paramétrables) à jeedom. Ces données ont un numéro unique dans jeedom du style "ID 155"

pour exploiter ces données j'utilise le code ci-dessous qui crée une var appelée "puissance";

Code :

var puissance;
jeedom.cmd.execute({ id: '155',
success: function(resultat) {
puissance = parseFloat(resultat);

Ensuite cette variable est appelée pour afficher les résultats dans un graphique... Et la c'est foutu pour moi [:tinostar]

Mon but ultime c'est d'obtenir ce genre de graph:

Sachant que j'ai 3 mesures "consommation" de puissances instantanée qu'il faut ajouter entre elles et 1 mesure de "production" de puissance instantanée (produit par mes panneaux photovoltaïque) . Avec des barres pour des moyennes par heures/jour/semaine/mois...

Voilà j'suis débrouillard en arduino et programmation arduino IDE mais là j'avoue j'ai mes limites... [:le fleau]

EDIT: j'ai édité le post pour pas qu'on mélange tout :jap: je demande de l'aide pas de professionnel rémunéré :jap:

Merci à vous! :hello:

Message édité par calagan57 le 08-03-2019 à 11:38:14

---------------
Waterbox

Reply

Marsh Posté le 08-03-2019 à 09:28:06

Reply

Marsh Posté le 08-03-2019 à 09:54:39

Juste pour te signaler que 300 € TTC/j, c'est vraiment pas cher. Un bon codeur va plutôt chercher dans les 400 à 450 € HT
Si tu trouves ces tarifs aberrants, c'est que tu n'as pas la moindre idée du niveau d'étude et des compétences aujourd'hui à devoir maîtriser pour faire ce métier (algorithmes, plusieurs langages de dév, architecture...).

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Reply

Marsh Posté le 08-03-2019 à 10:15:06

hello!

Je vois dans ton profil : "PHP, C/C++, Delphi, Badminton" :jap:
Quand je parlais de rémunération c'est plus pour comme un remerciement de l'aide/travail apporté... Si je voulais une prestation client<>professionnel je serais passer par un autre processus qu'un post dans un forum

---------------
Waterbox

Reply

Marsh Posté le 08-03-2019 à 11:36:04

Bon en fouinant sur le site highcharts je pense avoir trouvé le type de graphique que je recherche :

https://www.highcharts.com/demo/col [...] dark-unica

Cela permettra d'avoir une barre qui additionne les 4 valeurs de puissance récupérées (3 positives en consommation et une négative en production)

Il faut maintenant :
- créer 4 var ID"" pour les 4 mesures
- Axe des abscisses X échelle de temps suivant les dates d'acquisition des valeurs
- Axe des ordonnées Y "dynamique échelle qui varie en positif/négatif (production/consommation) en fonction des valeurs des barres
- possibilité de choisir l'échelle du grah (heure, jour,semine,année..)

Code :

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: 'Stacked column chart'
},
xAxis: {
categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
},
yAxis: {
min: 0,
title: {
text: 'Total fruit consumption'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
},
legend: {
align: 'right',
x: -30,
verticalAlign: 'top',
y: 25,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
borderColor: '#CCC',
borderWidth: 1,
shadow: false
},
tooltip: {
headerFormat: '<b>{point.x}</b><br/>',
pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
}
}
},
series: [{
name: 'John',
data: [5, 3, 4, 7, 2]
}, {
name: 'Jane',
data: [2, 2, 3, 2, 1]
}, {
name: 'Joe',
data: [3, 4, 4, 2, 5]
}]
});