javascript - 为 Highchart 图表传递动态 php 值

Question

我有一个 php 文件，我将它连接到 MySQL 并获取一些值。我想在 .tpl 文件中使用这些值来显示我正在使用 Highcharts 的图表。我不知何故无法将 php 值传递给 javascript 图表。请看一下代码并告诉我哪里出错了。

我的 php 代码是:

$sqlStr = "select * from users where user_id=".$_SESSION['user_id'];

        $sqlQuery = mysql_query($sqlStr) or die(mysql_error()."<hr>".$sqlStr);

        if ( mysql_num_rows($sqlQuery) ) {

            $rowMyReport = mysql_fetch_assoc($sqlQuery);

            $smarty->assign("value1",$rowMyReport['value1']);
            $smarty->assign("value2",$rowMyReport['value2']);
            $smarty->assign("value3",$rowMyReport['value3']);
            $smarty->assign("value4",$rowMyReport['value4']);
            }  

现在我想使用 Highcharts 的这些值在我的网站上绘制图表。所以我尝试了这个:

$(function () {
$('#graph').highcharts({
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: 1,//null,
        plotShadow: false
    },
    title: {
        text: 'Browser market shares at a specific website, 2014'
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                style: {
                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                }
            }
        }
    },
    series: [{
        type: 'pie',
        name: 'Some-name',
        data: [
            ['title1',  <?php echo $value1; ?>],
            ['title2',       <?php echo $value2; ?>],
            ['title3',   <?php echo $value3; ?>],
            ['title4',    <?php echo $value4; ?>]
        ]
    }]
});
});

我在 .tpl 文件中将此图称为:

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

通过提供硬编码值，图表会显示，但是当我使用动态值(php 值)时，图表不会显示。任何帮助将不胜感激...

Answer 1

在传递数据之前，在 Controller 中使用 json_encode 来处理数据。