Javascript JSON 解析后不起作用

Question

我需要在 PHP 的帮助下从 Mysql 数据库生成图表。我从( http://canvasjs.com )收到了很好的申请。因此，我在 PHP SESSION 的变量 element 中创建了自己的 JSON 格式。它让我在调试时没有错误，但没有结果。

如果我不评论的话，第 34 - 37 行会给出图表。当评论它们并替换为我自己的 JSON 时，它是变量元素并且不给我图表。给我空白页。

我是 JSON 新手。帮我解决这个问题。

以下是我的代码。

var array = <?php echo json_encode($_SESSION["r_array"]); ?>;

var count = 0;
var element = '';
var title = 'Malware lab, TCRC, CTA';

for( var i in array) {

    if ( count == 0 ) {
        element += ‘{y: ‘+array[i]+’,’+’ indexLabel: “‘+i+'”}';
    } else {
       element += ‘, {y: ‘+array[i]+’,’+’ indexLabel: “‘+i+'”}';
    }
    count++;
 }

 var chart = new CanvasJS.Chart(“chartContainer”,
 {
     title: {
        text: title
     },
 data: [
        { type: type,

            dataPoints: [
                   /*
                   34 {y: 2, indexLabel: “Kaka'”},
                   35 {y: 3, indexLabel: “Blackberry”},
                   36 {y: 1, indexLabel: “Windows Phone”},
                   37 {y: 5, indexLabel: “Others”},*/

                   element,
            ]
    }
   ]
});
chart.render();

Dumped array of $_SESSION["r_array"] as following
Array (
    [Trojan] => 1
    [Malware] => 3
    [Backdoor] => 6
    [Virus] => 2
    [Bot] => 5
    [Rootkit] => 7
    [Worm] => 5
)

Answer 1

element 必须是一个数组，您正在尝试将其创建为字符串(有语法错误)

var array = <? php echo json_encode($_SESSION["r_array"]); ?> ;

var count = 0;
var element = [];
var title = 'Malware lab, TCRC, CTA';

for (var i in array) {
    element.push({
        y: array[i],
        indexLabel: i
    })
    count++;
}

var chart = new CanvasJS.Chart("chartContainer", {
    title: {
        text: title
    },
    data: [{
        type: type,

        dataPoints: element
    }]
});
chart.render();

演示:Fiddle