在Highcharts数据中使用字符串

亨德罗克斯

我正在使用Symfony2。我将字符串传递到显示饼图的视图中,并且试图将此字符串传递到数据部分。

我的字符串是: [['EURUSD',7],['GBPUSD',0],['USDEUR',1]]

我是从我的symfony控制器获得的,如下所示:

<?php {{liste}}; ?>

但是当我尝试将其放入这样的数据中时,图表无法正确加载

<script>
...
  series: [{ type: 'pie',name: '',data:  "<?php  {{liste}};?>" 
...
</script>

但是当我这样做

data: [['EURUSD',7],['GBPUSD',0],['USDEUR',1]]

有用!

编辑:这是我的观点的代码

<html>
<head>
<title>Chart</title>
<!-- Chargement des librairies: Jquery & highcharts -->
<script type='text/javascript' src="{{asset('bundles/user/js/jquery.min.js')}}"></script>
<script type="text/javascript" src="{{asset('bundles/user/js/highcharts.js')}}" ></script>
</head>

<body>
    <p><div align="center">{{liste}}</div></p>
    <p>
<!-- Chargement des variables, et paramètres de Highcharts -->

<script type="text/javascript">
    $(function () {
    var chart;
    $(document).ready(function() {

        Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) {
            return {
                radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
                stops: [
                    [0, color],
                    [1, Highcharts.Color(color).brighten(-0.3).get('rgb')]
                ]
            };
        });

        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text: 'myData'
            },
            tooltip: {
                pointFormat: '<b>{point.percentage}%</b>',
                percentageDecimals: 1
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        color: '#000000',
                        connectorColor: '#000000',
                        formatter: function() {
                            return '<b>'+ this.point.name +'</b>: '+ Highcharts.numberFormat(this.percentage, 1) +' %';
                        }
                    }
                }
            },
            series: [{
                type: 'pie',
                name: '',
                data:  "<?php  {{liste}};?>" 

            }]
        });
    });

});</script>
<!-- Affichage du graphique -->
<div id="container" style="width:100%; height:400px;"> 
</div></p>
</body>
</html>
绍萨

问题在于您的字符串已经是JS格式,并且您也将它作为字符串传递给模板。删除引号,它应该工作。另外,您可能希望使用raw过滤器,以使树枝不会逸出字符。例子:

series: [{
    type: 'pie',
    name: '',
    data: {{ liste|raw }}
}]

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在AppResources中使用字符串

来自分类Dev

在结构中使用字符串

来自分类Dev

在java中使用字符串

来自分类Dev

PHP在字符串中使用字符串

来自分类Dev

在字符串中使用字符代码

来自分类Dev

在forEach()循环中使用字符串变量来按角度获取数据

来自分类Dev

Android如何在带有数据绑定的TextView中使用字符串变量

来自分类Dev

在我的laravel应用中使用字符串匹配获取数据库结果

来自分类Dev

如何在json数据中使用字符串作为选择器?

来自分类Dev

在 Python 数据帧函数中使用字符串变量

来自分类Dev

无法在 postgres 的 encrypt() 函数中使用字符串数据类型

来自分类Dev

如何在 SQL 数据透视表中使用字符串类型列

来自分类Dev

如何在 Firebase 数据库子引用中使用字符串?

来自分类Dev

在Webpack中使用require('...')和变量以及在字符串中使用字符串

来自分类Dev

在AWK中使用字符串变量打印列

来自分类Dev

在C中使用字符串数组

来自分类Dev

在PostgreSQL中使用字符串进行循环

来自分类Dev

在C中使用字符串进行多线程

来自分类Dev

strcmp()可以在C ++中使用字符串吗?

来自分类Dev

如何在RcppEigen中使用字符串变量

来自分类Dev

在库API中使用字符串vs类型

来自分类Dev

在Java中使用字符串格式打印列

来自分类Dev

在Switch语句中使用字符串

来自分类Dev

在Ruby中使用字符串拆分?

来自分类Dev

在不同功能中使用字符串名称

来自分类Dev

在子流程中使用字符串

来自分类Dev

在Tensorflow中使用字符串标签

来自分类Dev

如何在Swift中使用字符串获取

来自分类Dev

LINQ无法在Xamarin中使用字符串吗?

Related 相关文章

热门标签

归档