themes possible ?

Ce forum est dédié aux discussions qui concernent les graphiques réalisés avec la librairie Highstock, Une question, un bug ?

Modérateurs : jturlier, Météo Villarzel

Répondre
alain
Messages : 101
Enregistré le : 21 nov. 2014, 20:23

themes possible ?

Message par alain » 23 déc. 2014, 12:19

bonjour a tous

Ayant récupéré une source sur le net (affichage très complètes en options utilisant Highstock ). Je suis en train de l'étudier afin de sortie les modèles de routines qui peuvent me resservir.
Nul en PHP entre autre, la fonction copier/coller/adaptation du code est l'un de mes sports préféré :oops:
cela étant dit. dans Highstock je ne voit pas de thème style "grid", mais je trouve soit des fonction de couleurs de bandes, soit des fonctions d'alternance de couleur.
http://jsfiddle.net/gh/get/jquery/1.7.2 ... gridcolor/

pour les lignes j'ai trouvé comment choisir la couleur
http://jsfiddle.net/gh/get/jquery/1.7.2 ... linecolor/

j'ai trouver comment déterminer son épaisseur
http://jsfiddle.net/gh/get/jquery/1.7.2 ... linewidth/

enfin je suis un peu perdu, je demande Xaxis, et il me sort Yaxis, je demande highstock, je suis pas sur qui me renvoie vers hicharts
bref un peu perdu dans cet outils pourtant si pratique.
donc comment faire une grille verticale et horizontale ? MERCI



la j'y suis presque
http://jsfiddle.net/gh/get/jquery/1.7.2 ... linecolor/


Je ne voit pas non plus de fonction/thème.
j'ai regarder Xaxis et Yaxis, je ne voit pas comment le pourrait faire un thème "grid" en plaçant des lignes horizontales et verticales, je ne voit pas non pus comment choisir l'espacement de ces lignes?

je ne trouve pas non plus la fonction Zoom, elle me marque obselete, pourtant ici c'est bien fait avec Highstock? et l'on peut sélectionner une portion comme avec Hicharts

il me semble que le premier graph est soushighcharts, le second sous highstock
http://www.boock.ch/meteo/graphiques_dy ... c_jour.php
.
.
.
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
station Orégon WMR 200
logiciel Xnet version 2012-03-17a et Graphweather V 3.0.15
windows XP SP3 sur vieux portable destiné a la météo
Windows7 sur mon portable, permet de tester les applications qui ne veulent plus de XP
http://mapetitemeteo.esy.es/

Avatar du membre
PascalWMR
Messages : 323
Enregistré le : 16 févr. 2014, 09:28
Localisation : CONFLANS EN JARNISY (F54800)
Contact :

Re: themes possible ?

Message par PascalWMR » 23 déc. 2014, 17:11

Salut

Pour afficher les lignes d'une grille, très simple:
Qui se soit dans un graphique Highcharts ou Highstock sur le xAxis ou le yAxis, il suffit de renseigner le paramètre

gridLineWidth

Quand tu parle de theme ou de grid, çà n'est pas des fonctions, c'est un style global défini dans une librairie qui s'appelle grid.js et dans le sous-répertoire themes de Highcharts ou Highstock

Regarde ce post http://www.boock.ch/meteo/forum/viewtopic.php?f=8&t=49 et tu aura le lien pour mettre à jour ces librairies.

A+
Pascal
Station VP2Plus, Windows 10 64 bits,WeatherLink 6.0.5, VP2SQL, Graphiques Dynamiques à partir d'une BDD MySQL
Météo Conflans-en-Jarnisy
Image

alain
Messages : 101
Enregistré le : 21 nov. 2014, 20:23

Re: themes possible ?

Message par alain » 23 déc. 2014, 21:02

bonsoir
pour la librairie je suis passé de la 3.06 a la 4.01.
ensuite j'ai bien ajouté ta ligne, mais ça marchais pas.
des heures de recherche avant de me rendre compte que mon navigateur allait chercher dans le cache.
Quelle bêtise!!
pour ceux qui testent, pour rafraichir sa page sans puiser dans le cache: contrôle F5 (avec Firefox).

par contre, impossible de trouver le Zoom, bon, tu dira il y a la barre "Naviguator" mais je voulais la cacher comme les input.
Les input son cachée car il y a un calendrier sur aperçu des 24H menu jour

Code : Tout sélectionner

 inputEnabled : false
bon ça commence a ressembler a ce que je cherche, mais je suis pas sur que d'adapter du code soit plus simple que d'en creer


le soucis c'est que ce n'est pas un thème natif, c'est un thème qui a été écrit. Mais en copiant les elements du theme "GRID.JS" j'espere faire quelque chose sans tout cassé.
La le theme c'est HC.JS, afin de differencier les couleurs..... enfin pas encore tout compris mais ça avance
Merci

note si tu veut voir:
menu: Aperçut 24 Heures
puis cliquer sur jour pour dérouler le calendrier.
http://mapetitemeteo.esy.es/gitub_hosti ... leinfo.php

NE PAS DÉPASSER LE 28 JANVIER 2014, pas de page " pas de donner pour cette date de creer3
choix entre 18/03/2013 et 27/01/2014
station Orégon WMR 200
logiciel Xnet version 2012-03-17a et Graphweather V 3.0.15
windows XP SP3 sur vieux portable destiné a la météo
Windows7 sur mon portable, permet de tester les applications qui ne veulent plus de XP
http://mapetitemeteo.esy.es/

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: themes possible ?

Message par Météo Villarzel » 23 déc. 2014, 23:10

Salut Alain,

Les thèmes sont juste là pour simplifier la vie, dedans il y a déjà beaucoup d'informations, couleur, ligne y x, tooltip, légende, etc
Après chaque aspect du graphique est personnalisable et ce que tu rajoutes dans la partie js du graphique prends le dessus sur le thème.
par contre, impossible de trouver le Zoom,
il faut le mettre ici
chart: {
renderTo: 'container',
zoomType: 'x',
},

Tu peux mettre soit "x" soit "y" ou les deux "xy"
enfin je suis un peu perdu, je demande Xaxis, et il me sort Yaxis, je demande highstock, je suis pas sur qui me renvoie vers hicharts
bref un peu perdu dans cet outils pourtant si pratique.
Beaucoup (d'options) sont identiques à Highcharts et highstock de même que pour l'axe Y ou X c'est pour ça que dans l'aide ça renvoie souvent au même modèle, a toi de dire si tu veux modifier l'axe X ou Y

Par exemple

yAxis:
lineWidth: 2

ou

xAxis:
lineWidth: 2

le lineWidth est identique pour les deux axes, à toi de définir celui que tu veux.
il me semble que le premier graph est soushighcharts, le second sous highstock
http://www.boock.ch/meteo/graphiques_dy ... c_jour.php
Non, les deux sont avec highstock, qui permet de traiter plus de données, mais j'ai simplement caché les options que je ne voulais pas, Range selector, Navigator et Scrollbar

Pour bien comprendre ils faut regarder dans http://www.highcharts.com/docs
http://www.highcharts.com/docs/chart-co ... e-selector
http://www.highcharts.com/docs/chart-concepts/navigator
http://www.highcharts.com/docs/chart-concepts/scrollbar

Par exemple http://www.highcharts.com/docs/chart-co ... plot-lines

Après tous est dans l'API, mais il faut connaître les noms pour faire une recherche et c'est effectivement pas toujours évident.

A+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

alain
Messages : 101
Enregistré le : 21 nov. 2014, 20:23

Re: themes possible ?

Message par alain » 24 déc. 2014, 02:31

bonsoir
Merci
OK, un peu compris, mais les subtilités!!
- j’ai recopier une partie du thème "grid" dans le thème teleinfo.js
- j'ai placé le zoom, mais il me semble que pour avoir le reset il faut tout désactiver

Code : Tout sélectionner

 rangeSelector: {
            enabled: false
        },
sur le graph aperçut 24H si je zoom, je doit cliquer sur "ALL" pour revenir
par contre sur le graph historique ou tout est désactivé, lorsque je zoom j'ai bien le bouton reset zoom qui apparait.

me reste encore quel bug difficile a mettre la main dessus
j'ai pris cette option

Code : Tout sélectionner

xAxis: {
            type: 'datetime' 
mais il arrive que mon affichage change
normal 3-6-9-12-18-24H
des fois j'ai 4-8-12-16-20-24
et pire rarement 3.30.00- 6-30.00...... :o
bon d'un autre coté j'ai fait un SQL avec un insert toute les 10 minutes ( cétait pour tester, ça vient put etre de la?)

sinon j'ai lu que l'on pouvait faire par exemple:

Code : Tout sélectionner

dateTimeLabelFormats: { //Rendre tous les formats en hour:minute:second
            second: '%H:%M:%S',
            minute: '%H:%M:%S',
            hour: '%H:%M:%S',
            day: '%H:%M:%S',
            week: '%H:%M:%S',
            month: '%H:%M:%S',
            year: '%H:%M:%S'
        }
mais ça change pas!

Bon je vous remercie, j avance grâce a vous, mais je crois que quand tout fonctionnera, j’écrirais ma propre source avec les connaissances acquise sur cette source qui trainait sur le net, mais c'est pas demain surtout que je suis issue d'un village de 217 Habitant: 13,5 ans sortie de l'école avec le certificat d’étude primaire et direction le boulot. Les année 60 les études c’était pas pour tout le monde. donc Anglais Zéro, heureusement l'informatique utilise a peu près toujours les même mots.... mais les docs! reste les traducteurs avec les limites que leur connait :mrgreen:
station Orégon WMR 200
logiciel Xnet version 2012-03-17a et Graphweather V 3.0.15
windows XP SP3 sur vieux portable destiné a la météo
Windows7 sur mon portable, permet de tester les applications qui ne veulent plus de XP
http://mapetitemeteo.esy.es/

alain
Messages : 101
Enregistré le : 21 nov. 2014, 20:23

Re: themes possible ?

Message par alain » 24 déc. 2014, 09:55

bonjour
je trouve que le comportement de highstock est étrange:
-tu as un pas d'enregistrement de 1minutes.
- tu me dit: les deux graphs sont fait avec highstock.
-moi: avec RRDTOOL j'avais des soucis: si trop de données; il faisait une moyenne entre les poins a afficher.
- Ça ne plaisait pas je veut mes conso réelle.
-j'ai l'impression que highstock fait pareil, contrairement a higcharts.

regarde par l'image le même jour( premier graph) tu a 24H, peu de données et je retrouve ton pas d'une minute
sur le grap du dessous il écrête, je retrouve un pas de 5mm, sauf si je zoom
- et de tous façon il ne dit pas les même conso, sauf a zoomer très fort sur la zone concerner
qu'en pense tu? j'ai loupé quelque chose dans ta présentation?
Alain
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
station Orégon WMR 200
logiciel Xnet version 2012-03-17a et Graphweather V 3.0.15
windows XP SP3 sur vieux portable destiné a la météo
Windows7 sur mon portable, permet de tester les applications qui ne veulent plus de XP
http://mapetitemeteo.esy.es/

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: themes possible ?

Message par Météo Villarzel » 24 déc. 2014, 10:17

Salut Alain,
tu as raison, je me suis planté, le premier est fait avec Highcharts.
Je fais les graphiques sur quelques jours max avec Highcharts et les autres, mois ou année avec highstock.

highstock regroupe les données pour pouvoir afficher un grand nombre de valeurs, après il faut effectivement zoomer pour avoir le détail.

A+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

alain
Messages : 101
Enregistré le : 21 nov. 2014, 20:23

Re: themes possible ?

Message par alain » 24 déc. 2014, 17:50

bonsoir.
Bon réveillon a tous.
donc j'ai envie de choisir:

pour le temps réel: du graph comme tu fait (line ou aera), un peu comme la:
http://itow.fr/itow/index.php?r=graphiq ... 1395860088

pour les historique je vais surement me diriger vers de l'empilé avec un datepicker pour choisir, un peu comme la
sélection historique sur 30 jours
http://itow.fr/itow/index.php?r=histoEn ... 1395860088

sélection historique par mois
http://itow.fr/itow/index.php?r=histoEn ... 1395860088

et sur une période avec deux datepicker
http://itow.fr/itow/index.php?r=histoEn ... 1395860088

bon je connait bien la personne qui a fait ce site, a la retraite, mais c'est son métier!
au départ il l'a fait pour lui pour son Ajitec, puis a la demande des membres du forum, il a pris un hébergement pour plusieurs utilisateurs.
mais le plaisir de faire soi même..... enfin vous savez tous, sinon vous ne seriez pas la
BON NOEL
Alain
station Orégon WMR 200
logiciel Xnet version 2012-03-17a et Graphweather V 3.0.15
windows XP SP3 sur vieux portable destiné a la météo
Windows7 sur mon portable, permet de tester les applications qui ne veulent plus de XP
http://mapetitemeteo.esy.es/

Répondre