Obtenir un graphique dans le dashboard

bonjour,

j’ai récupéré toutes mes données de température extérieur que j’ai stocké sous forme d’historique dans ce virtuel :
image

en faisant les moyennes qui vont bien, je construis le tableau suivant :
image

beau, précis mais pas très lisible, j’aimerais obtenir tout ca sur un graphique annuel et toutes les années dessus.

je ne vois pas comment m’y prendre, pouvez vous me donner des pistes pour commencer ?

merci d’avance

Bonjour,

Le plugin djeesign est il une bonne base ?

hélas, non, je viens d’y jeter un oeil

je ne suis pas sûr du tout d’être parti dans la bonne direction en créant les virtuels que j’ai partagé ci dessus mais ne sachant comment attaquer …

En réintégrant les valeurs dans un historique, en auto, mais comment ?

un petit up pour essayer …

bonjour,

sinon saisi highchart en recherche tu auras de quoi t’inspirer « c’est un logiciel integre dans jeedom avec une api propre : pour la construction et si tu utilises avec l’api jeedom tu peux faire se que tu veux ! si tu ne compte pas le temps. »
https://www.highcharts.com/demo

soit tu construit avec l’existant
en valeur les id de tes info
122,146,144
variable séparé par ,
valeur 1 « 122 » a mettre là
valeur 2 « 146 » …

soit via l’api jeedom history entre la date x et y la moyenne à mettre là,…

1 J'aime

@bornich il a l’habitude maintenant de mettre les mains dans le cambouis :wink:

1 J'aime

ok @olive, tu m’aides aussi sur ce coup là ??

Je suis pas sur d’être assez motivé …
j’ai déja donner beaucoup ici
Je t’invite plutôt a exploré influxdb et grafana …

j’ai pris une demo pour essayer mais je ne sais comment faire le test avec les données dans le code dans un premier temps,
j’ai copié ce code dans widget :

Highcharts.chart('container', {

    title: {
        text: 'Solar Employment Growth by Sector, 2010-2016'
    },

    subtitle: {
        text: 'Source: thesolarfoundation.com'
    },

    yAxis: {
        title: {
            text: 'Number of Employees'
        }
    },

    xAxis: {
        accessibility: {
            rangeDescription: 'Range: 2010 to 2017'
        }
    },

    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    },

    plotOptions: {
        series: {
            label: {
                connectorAllowed: false
            },
            pointStart: 2010
        }
    },

    series: [{
        name: 'Installation',
        data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
    }, {
        name: 'Manufacturing',
        data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434]
    }, {
        name: 'Sales & Distribution',
        data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387]
    }, {
        name: 'Project Development',
        data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227]
    }, {
        name: 'Other',
        data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111]
    }],

    responsive: {
        rules: [{
            condition: {
                maxWidth: 500
            },
            chartOptions: {
                legend: {
                    layout: 'horizontal',
                    align: 'center',
                    verticalAlign: 'bottom'
                }
            }
        }]
    }

});



et l’affichage une fois affecté a un virtuel me donne :
image

je ne vois pas comment intégrer ce code test pour ensuite tenter de le modifier a mon gout

bonjour, un widget doit comporté plusieurs élément « squelette » html div, id, class

encore une fois saisie highchart en recherche tu auras des exemples en partant de 0

Mais part sur le widget déjà conçu et amuse toi avec toutes les possibilités : `

idCommand` : id des commandes à afficher (par défaut 0, pour afficher plusieurs grphiques, séparer les ids par des ‹ | ›, ex : 1234|5678)

et si ça répond pas à ton objectif tu auras une base fonctionnel de départ.

si tu prends des exemples sur le net dans un design n’insceres pas les dépendances highchart ou jquery sous risque de bloquer ton design. (impossible à supprimer sauf modif base de donnée)

m’en doute mais je n’arrive pas a trouver la base et je comprend encore moins de quoi il retourne, ce n’est que de la recopie…

fait, maintes fois mais pas bcp d’exemples en spline. en fait, il y un seul sujet de 809 post j’ai l’impression …

euh, ça veut quoi ?

de toute façon, je ne veux pas de design, juste afficher mes courbes sur le dashboard.

les widgets que tu utilises « tes 1er screen » issu du core par default sont des highchart

voici le code

dans la construction du script
le 1er if concerne la mise à jour
« lorsque tu es sur la page et la valeur change »

le 2 ème concerne la construction du highchart

j’avais mis un mois pour jouer avec

donc sans te dire quoi faire mais si tu veux pas y passé trop de temps

mets tes valeurs en tile (chiffre) applique un personnalisation couleur et construit un tableau.

Après ton exemple concerne un html simple "qu’on peut mettre dans design pour test)

si tu veux je te met le début « pour ton exemple » mais la faut que j’aille deneigė :cold_face:

je commence a comprendre, ce que j’ai utilisé bêtement sur mon 1er screen dans mes virtuels sont des highcharts et ils pourraient me servir de base.
par contre, comment récupérer le code d’un des miens histoire de voir la syntaxe déjà pour insérer le numéro de commande pour commencer.
en clair, comment ouvrir ou au moins lire le code d’un widget que j’ai déjà configuré avec l’aide de jeedom ?

en tile, ca veut dire quoi ? construire un tableau ? des variables en tableau ?

un indice qui ne vaut peut être rien, toutes données contenues dans janvier à décembre pour chaque années sont des moyennes par mois de l’équipement « températures en cours » mais je n’arrive pas a faire de moyenne mensuelle dans l’historique et je voudrais toutes les années sur le même graphique mais ça, c’est la finalité et j’en suis loin …

F12
2éme image « je ne vais pas m’éternisé »

et tu clic sur les fléches pour déployer
image

mets tes valeurs en tile (chiffre)
image
image
tu as"line" pour une plus petite police de caractére

construit un tableau
image
tu déplaces les infos dans les bonnes cases
image
en mode crayon ça donne
image

Pour inspiration

Ayant une station a 1km j’ai simplement mis un lien
Et je récupère par script se qui m’intéresse ,(pluie 24h)

HS
exemple de tableau pour résumé « pour un design » ou avec action
image

un tableau swipe « droite/gauche »

rien compris mais bon … ca ne ressemble en rien aux codes que j’ai déjà aperçu en highcharts… bref, faut pas s’éterniser…

ok, je fini avec un tableau, jusque là, je suis mais je voudrais un graphique où les années sont superposées, c’est le début, c’est ça ?

En mode dev tu vois le résultat d’un hightchart qui est a base de trait « svg »
Un svg tu fais se que tu veux avec c’est ton navigateur qui reconstruit l’image
Exemple une hélice Vmc

Après tu pourrais te simplifié la vie tu fait un design ou vue avec un graphique
Et dans ton dashboard via le plug HTML display tu mets un iframe « fenêtre » de ton design ou vue.

Mais les année se superpose pas (ou j’ai pas vu)

Donc tes bon pour le faire

Ben tant qu’à utiliser htmldisplay, qui me parait tout indiqué pour çà, une div en html, un js qui reprend les fonctions du core avec id de commmandes voulu et basta … Pas besoin d’iframe ou d’usine à gaz.

ouais, ben on ne parle pas la même langue, je considère donc qu’excel fera ca beaucoup mieux

merci de vos réponses