php – Symfony2 – Highcharts呈现空白div

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – Symfony2 – Highcharts呈现空白div脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚在Symfony 2.7上安装了Highcharts Bundle,但我在尝试从文档中重现“使用示例”时遇到了一个问题(参见 https://github.com/marcaube/ObHighchartsBundle/blob/master/Resources/doc/usage.md)

这是我的代码

调节

public function homepageAction() 
{
    $user = $this->getUser();

    $securityContext = $this->get('security.context');
    $authorization = $securityContext->isGranted('ROLE_REGISTEred_USER');

    if ($authorization) {

        // Charts test

        $ob = new Highchart();
        $ob->chart->renderTo('piechart');
        $ob->tITle->text('browser market shares at a sPEcific website in 2010');
        $ob->plotOptions->pie(array(
            'allowPointSelect' => true,'cursor' => 'pointer','dataLabels' => array('enabled' => false),'showInLegend' => true
        ));
        $data = array(
            array('Firefox',45.0),array('IE',26.8),array('Chrome',12.8),array('Safari',8.5),array('opera',6.2),array('Others',0.7),);
        $ob->series(array(array('type' => 'pie','name' => 'Browser share','data' => $data)));

        return $this->render('MVPBundle:User:homepage.htML.twig',array(
            'user' => $user,'chart' => $ob,));

    } else {

        $url = $this->generateUrl('user_displayCompanyCreationForm');

        return $this->redirect($url);
    }
}

视图

<script src='{{ asset('bundles/mvp/js/jquery-2.1.4.js') }}' type="text/javascript"></script>
<script src='{{ asset('bundles/mvp/js/highcharts.js') }}' type="text/javascript"></script>
<script src='{{ asset('bundles/mvp/js/exporting.js') }}' type="text/javascript"></script>

<script type="text/javascript">
    {{ chart(chart) }}
</script>

<div id="piechart" style="min-width: 400px; height: 400px; margin: 0 auto"> </div>

经过一些研究,我明白它可以与JS文件的导入相关联,所以我确保文件的路径是可以的,并且Jquery是在Highcharts JS文件之前导入的,所以我真的看不到问题来自……

本图文内容来网友网络收集整理提供,作为学习参考使用,版权属于原作者。

脚本宝典总结

以上是脚本宝典为你收集整理的php – Symfony2 – Highcharts呈现空白div全部内容,希望文章能够帮你解决php – Symfony2 – Highcharts呈现空白div所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。