Symfony3:将数据发送到Highcharts

时间:2016-11-16 13:45:11

标签: javascript php highcharts symfony

我想在Symfony3应用程序中显示一些带有Highcharts的图表。

要做到这一点,我必须从我的数据库中获取一些数据并将其发送到Highcharts。问题出在这里:我不知道该怎么做。我创建了一个包含所有所需数据的数组,但我不能仅仅通过设置一个twig变量来使用它。

如何发送这些数据? 这是我的代码:

控制器

$repartitionArray = [];
            $statsArray = [];
            for ($i = 0 ; $i < count($statscolle) ; $i++) {
                $groupe[$i] = $statscolle[$i]->getGroupes()->getName();
                $repartitionsColles[$i] = $em->getRepository(RepartitionColle::class)->findBy(['idStatColle' => $statscolle], ['note' => 'ASC']);

                for ($j = 0; $j < count($repartitionsColles[$i]); $j++){
                    $note[$j] = $repartitionsColles[$i]->getNote();
                    $nombre[$j] = $repartitionsColles[$i]->getNombre();
                    $repartitionArray[$i] = [$note[$j], $nombre[$j]];
                }

                $statsArray[] = ["name" => $groupe[$i], "data" => $repartitionArray[$i]];
            }

            $series = $statsArray;

            return $this->render("PACESStatistiqueBundle:Default:collapsideColle.html.twig", ["titre" => $colle->getNom(),
            "data" => $series]);

Twig:

<div class="center">
        <div id="repNotesColles" style="width:100%; height:400px;"></div>
</div>



{% block javascripts %}
<script src="http://code.highcharts.com/highcharts.js"></script>

<script>
$(document).ready(function () {
    var repartitionNotesOfColle = Highcharts.chart('repNotesColles', {
        chart: {
            type: 'column'
        },
        title: {
            text: {{ titre }}
        },
        xAxis: {
            title: {
                text: 'Notes'
            }
        },
        yAxis: {
            title: {
                text: 'Effectif'
            }
        },
        series: 
    });
})

</script>
{% endblock %}

0 个答案:

没有答案