Problème de graphique type camembert avec légende

[calagan57]

Hello!
Merci à toi !

highchart à une api
https://api.highcharts.com/highcharts/credits.text

OK cela veut dire que l'on peut "préconfigurer" un code/graphique au lieu de le faire un "pure" ligne de code, c'est ça?

prenons credits
clic sur credits disable
a la place de false dans le code
tu changes par true
tu clic sur run
et tu vois en bas à droite highcharts.com

OK donc c'est bien une signature en bas, merci!

tu veux faire un camembert ?
ta recherche était plutot sur historique

Oui c'est un graphe en barre avec un moyenne par Heure, jour, semaine, mois... Mais il fallait bien que je commence par quelque chose de compréhensif pour moi

viewtopic.php?f=50&t=1182&p=578659&hili ... ry#p578659
viewtopic.php?f=50&t=1182&start=1220#p621788

Ce sont des graphs qui peuvent m'intéresser c'est ça? (je suis proxitaffé au boulot )

maintenant tu veux voir sur ton design un brut de brut
html dans design et colle (par sécurité fait un backup avant)

jeedom_graph.png

Code : Tout sélectionner

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<script>
  
Highcharts.chart('container', {
    chart: {
        zoomType: 'xy'
    },
    title: {
        text: 'Average Monthly Temperature and Rainfall in Tokyo'
    },
    subtitle: {
        text: 'Source: WorldClimate.com'
    },
    xAxis: [{
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        crosshair: true
    }],
    yAxis: [{ // Primary yAxis
        labels: {
            format: '{value}°C',
            style: {
                color: Highcharts.getOptions().colors[1]
            }
        },
        title: {
            text: 'Temperature',
            style: {
                color: Highcharts.getOptions().colors[1]
            }
        }
    }, { // Secondary yAxis
        title: {
            text: 'Rainfall',
            style: {
                color: Highcharts.getOptions().colors[0]
            }
        },
        labels: {
            format: '{value} mm',
            style: {
                color: Highcharts.getOptions().colors[0]
            }
        },
        opposite: true
    }],
    tooltip: {
        shared: true
    },
    legend: {
        layout: 'vertical',
        align: 'left',
        x: 120,
        verticalAlign: 'top',
        y: 100,
        floating: true,
        backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
    },
    series: [{
        name: 'Rainfall',
        type: 'column',
        yAxis: 1,
        data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        tooltip: {
            valueSuffix: ' mm'
        }

    }, {
        name: 'Temperature',
        type: 'spline',
        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
        tooltip: {
            valueSuffix: '°C'
        }
    }]
});
  
</script>

Merci. J'avais fait cette méthode mais elle n'appelle que des données "fixes". Avec le graph camembert j'ai mieux compris qu'on crée une var qui va chercher la valeur d'un ID et ensuite dans série/data on appelle cette var, j'ai bon?

Tu peux partir sur celui là
https://www.highcharts.com/demo/column- ... dark-unica

ok je vais voir, merci! [/quote]

Et avec codepen en mini -5

mince je ne le vois pas ...

en tous les cas merci à vous pour votre disponibilité et votre patience!

[benj29]

De rien. Ton graphe m'intéresse.

Envoyé de mon JSN-L21 en utilisant Tapatalk

[calagan57]

Hello!

En fait je viens de me rendre compte qu'on peut avoir à peut près le genre de graphe que je cherche avec le mode graphique de jeedom grâce à "empiler"



Par contre comment on peut personnaliser (image couleur...) les graphiques générés par jeedom?

merci à vous!

[benj29]

Oui tu fais l'équivalent de ce que je fais dans mon suivi par usage sur les 7 derniers jours. J'utilise l'aire, la donnée max, en empilé.

[calagan57]

Merci pour la précision

Par comment fais tu pour personnaliser un graphique dans le mode design de jeedom? je n'arrive pas à accéder au code source...

merci à toi (et aux autres )

[benj29]

Configuration avancée, tu peux choisir dans ton graphique, directement les ID, noms, type, couleur etc.

[weado]

Bonsoir à tous ! Suite au passage en V3.3.19, j'ai un problème avec l'un de graphique Highcharts. Voici le résultat :

Capture.PNG (2.7 Kio) Consulté 697 fois

Comment puis-je augmenter le fond où la bar de progression évolue ? (désolé, mais impossible d'avoir un exemple d'avant).

Le code étant le même que vous pouvez trouver ici :

viewtopic.php?f=24&t=40131&hilit=highch ... 40#p666371