在 Highcharts 中的 JavaScript 中使用 PHP 变量 [重复]答案

【问题标题】：Using PHP variables in JavaScript in Highcharts [duplicate]在 Highcharts 中的 JavaScript 中使用 PHP 变量 [重复]
【发布时间】：2013-01-24 12:15:06
【问题描述】：

可能重复：
Pass a PHP string to a Javascript variable (and escape newlines)

我需要创建一个从数据库中获取数据的条形图。我为此下载了Highcharts。但我无法在 JavaScript 中调用 php 变量。任何想法如何做到这一点？

并且使用动态值创建图表的任何其他方式。

提前致谢。

<script>
$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'column'
            },
            title: {
                text: 'Monthly Average Rainfall'
            },
            subtitle: {
                text: 'Source: WorldClimate.com'
            },
            xAxis: {
                categories: [
                    'Jan',
                    'Feb',
                    'Mar',
                    'Apr',
                    'May',
                    'Jun',
                    'Jul',
                    'Aug',
                    'Sep',
                    'Oct',
                    'Nov',
                    'Dec'
                ]
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Rainfall (mm)'
                }
            },
            legend: {
                layout: 'vertical',
                backgroundColor: '#FFFFFF',
                align: 'left',
                verticalAlign: 'top',
                x: 100,
                y: 70,
                floating: true,
                shadow: true
            },
            tooltip: {
                formatter: function() {
                    return ''+
                        this.x +': '+ this.y +' mm';
                }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
                series: [{
                name: 'Tokyo',
                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]

            }, {
                name: 'New York',
                data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]

            }, {
                name: 'London',
                data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]

            }, {
                name: 'Berlin',
                data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]

            }]
        });
    });

});
</script>

【问题讨论】：

-1 表示没有明显的研究。仅在这个网站上就必须有一百万个重复的问题。
试试 ez components ezcomponents.org/docs/tutorials/Graph#id2 。您传递 php 数组并获得各种图形
我下载了 highcharts... 我发现他们正在通过 javascript 生成图表。我尝试使用 php 变量而不是静态值。它不起作用。
-1 您使用的标题会出现一个页面，其中包含与建议相同的问题。一点努力都没有
你可以尝试 PHP open chart 项目，但它使用 flash 来显示图表。无论如何，为什么在 JS 中使用 PHP 变量会有问题？你的意思是独立的 JS 文件？

标签： javascript php mysql charts highcharts

【解决方案1】：

您可以在脚本中使用 PHP 变量。请参阅下面的示例，将您的 Php 数组设置为字符串。然后将其传递给系列数据。

   <?php

        $values= array('49.9', '71.5', '106.4', '129.2', '144.0', '176.0', '135.6', '148.5', 216.4, '194.1', '95.6', '54.4');
        $rainValues = implode(",", $values);
    ?>

然后，您可以访问脚本中的字符串。

 series: [{
            name: 'Tokyo',
            data: [<?php echo $rainValues ?>]

        },

【讨论】：

如上代码所示，我想在数据中使用php变量：[48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]部分。
我已经编辑了我的答案。请检查一下。
谢谢埃德温...仍然没有显示它...我会继续...直到我得到。再次感谢您的帮助...

【解决方案2】：

要在 JavaScript 中使用任何 PHP 变量，您需要回显 PHP 值并将其初始化为 JavaScript 变量。

<script type="text/javascript">
       var myjsvar= <?php echo $my_phpvar; ?>
</script>

【讨论】：

【解决方案3】：

要在 Javascript 中使用 php 变量，您可能需要这样的东西：

<?php
$var = 1;
?>

<script>
    var a = <?=$var?>;
</script>

【讨论】：