Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1460 connectés 

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

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

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2330164
calagan57
BF3 : calagan57
Posté le 08-03-2019 à 09:28:06  profilanswer
 

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 :
  1. var puissance;
  2.     jeedom.cmd.execute({ id: '155',
  3. success:  function(resultat) { 
  4.             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:
https://guide.openenergymonitor.org/images/applications/solar-pv//my-solar-pv2.png
 
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
mood
Publicité
Posté le 08-03-2019 à 09:28:06  profilanswer
 

n°2330166
rufo
Pas me confondre avec Lycos!
Posté le 08-03-2019 à 09:54:39  profilanswer
 

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 :o
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
n°2330167
calagan57
BF3 : calagan57
Posté le 08-03-2019 à 10:15:06  profilanswer
 

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
n°2330177
calagan57
BF3 : calagan57
Posté le 08-03-2019 à 11:36:04  profilanswer
 

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 :
  1. <script src="https://code.highcharts.com/highcharts.js"></script>
  2. <script src="https://code.highcharts.com/modules/exporting.js"></script>
  3. <script src="https://code.highcharts.com/modules/export-data.js"></script>
  5. <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
  7. Highcharts.chart('container', {
  8.   chart: {
  9.     type: 'column'
  10.   },
  11.   title: {
  12.     text: 'Stacked column chart'
  13.   },
  14.   xAxis: {
  15.     categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
  16.   },
  17.   yAxis: {
  18.     min: 0,
  19.     title: {
  20.       text: 'Total fruit consumption'
  21.     },
  22.     stackLabels: {
  23.       enabled: true,
  24.       style: {
  25.         fontWeight: 'bold',
  26.         color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
  27.       }
  28.     }
  29.   },
  30.   legend: {
  31.     align: 'right',
  32.     x: -30,
  33.     verticalAlign: 'top',
  34.     y: 25,
  35.     floating: true,
  36.     backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
  37.     borderColor: '#CCC',
  38.     borderWidth: 1,
  39.     shadow: false
  40.   },
  41.   tooltip: {
  42.     headerFormat: '<b>{point.x}</b><br/>',
  43.     pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
  44.   },
  45.   plotOptions: {
  46.     column: {
  47.       stacking: 'normal',
  48.       dataLabels: {
  49.         enabled: true,
  50.         color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
  51.       }
  52.     }
  53.   },
  54.   series: [{
  55.     name: 'John',
  56.     data: [5, 3, 4, 7, 2]
  57.   }, {
  58.     name: 'Jane',
  59.     data: [2, 2, 3, 2, 1]
  60.   }, {
  61.     name: 'Joe',
  62.     data: [3, 4, 4, 2, 5]
  63.   }]
  64. });


 
Alors vous en pensez quoi? Faisable ou impossible pour un noob comme moi?  :o  :D  
 
merci à vous!  :hello:  

Message cité 1 fois

---------------
Waterbox
n°2330214
calagan57
BF3 : calagan57
Posté le 08-03-2019 à 20:53:39  profilanswer
 

[:superours:5]  :D


---------------
Waterbox
n°2330226
calagan57
BF3 : calagan57
Posté le 09-03-2019 à 15:40:04  profilanswer
 

[:erg machaon:4]


---------------
Waterbox
n°2330227
MaybeEijOr​Not
but someone at least
Posté le 09-03-2019 à 16:09:48  profilanswer
 

calagan57 a écrit :

Alors vous en pensez quoi? Faisable ou impossible pour un noob comme moi?  :o  :D


 
Oui.

Message cité 1 fois

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2330238
calagan57
BF3 : calagan57
Posté le 09-03-2019 à 17:29:01  profilanswer
 

MaybeEijOrNot a écrit :


 
Oui.


 
oui faisable ou oui impossible?  :whistle:


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

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

 

Sujets relatifs
Création d'un range personnalisé (fourchette)Création d'un "select" personnalisé
[Aide] Création jeu textuelCréation site web gestion serveurs minecraft
Création site web gestion serveurs minecraftConseil "fléxibilité" pour stockage massif
création d'u petit gestionnaire de contactscréation d'u petit gestionnaire de contacts
Création d'une alarme et gestion du mode veille d'un téléphoneCréation d'une liste en SQL
Plus de sujets relatifs à : [AIDE] Highcharts - graphique en fonction d'une var ID et Time

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.060 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR