Charts / Diagramme in Contao verwenden (Katalog, Bsp. Highcharts, pcharts)

Hallo zusammen

Ich möchte gerne Diagramme auf meiner Webseite einbinden. Ich würde gerne auf eine JS Library zurückgreifen (in meinem Fall "highcharts").

Leider finde ich nicht besonders viel zu dem Thema. Ich habe aber bereits gelesen, dass diverse User highcharts, pcharts, jqgraph oder ähnliche Klassen nutzen.
Mich würde interessieren, wie die allgemeine Vorgehensweise ist, um diese Klassen in Contao nutzen zu können. Javascript ist mir leider nicht wirklich geläufig.

Insbesondere weiss ich nicht, wie ich Daten, die ich im Katalog pflege, für die Diagrammerzeugung zur Verfügung stellen kann. Wie ich die Daten mithilfe von PHP ausgeben kann, ist mir bewusst. Nur weiss ich nicht, wie ich mit javascript auf diese Daten zugreifen kann.

Ich bin für jede Hilfe dankbar.

Grüsse
Jan

Ich programmiere zur Zeit gerade ein Modul welches highcharts darstellt...

Im Modul binde ich das js ein und schreibe die Daten in Template-Variablen:

PHP-Code:

---

...
$GLOBALS['TL_JAVASCRIPT'][] = '/assets/highcharts3/js/highcharts.js';
...
$this->Template->materialien = '\'' . implode('\',\'',$arrMaterialien) . '\'';
$this->Template->prim_energie_herstellung = implode(',',$arrPrimEnergieHerstellung); 


---

im Template gebe ich dann die Daten per Echo aus:
...

PHP-Code:

---

    $(function () {
                $('#chart2').highcharts({
                    chart: {
                        type: 'bar'
                    },
                    title: {
                        text: 'Primärenergie (MJ)'
                    },
                    xAxis: {
                        categories: [<?php echo $this->materialien; ?>]
                    },
                    yAxis: {
                        min: 0,
                        title: {
                        text: null
                    }
                },
                legend: {
                    reversed: true
                },
                series: [
                    {
                        name: 'davon nicht erneuerbar',
                        data: [<?php echo $this->prim_energie_ne_total; ?>],

                    },
                    {
                        name: 'Primärenergie Entsorgung',
                        data: [<?php echo $this->prim_energie_entsorgung; ?>],
                        stacking: 'normal'
                    },
                    {
                        name: 'Primärenergie Herstellung',
                        data: [<?php echo $this->prim_energie_herstellung; ?>],
                        stacking: 'normal'
                    }]
                });
    });

---

Danke Dir für deinen Beitrag.

War in den Ferien und hatte leider keine Zeit, zu antworten.
Ich werde diese Woche die ersten Gehversuche starten und werde, sofern die Ergebnisse zufriedenstellend sind, meine Erfahrungen posten.

Auf einen knalligen Nationalfeiertag am Donnerstag ;-)

Hat es geklappt mit der Integration oder sollte jemand die Finger davon lassen ?

ich weiß nicht ob es in dem speziellen Fall geklappt hat, aber generell ist es kein Problem z.B. Highcharts zu verwenden.