javascript - jQuery循环并将PHP值存储到数组中

PHP数组输出$ color_str

Array
(
    [0] => '#4caf50','#00bcd4','#4caf50','#4caf50','#00bcd4'
    [1] => '#00bcd4','#4caf50','#4caf50','#4caf50','#4caf50'
    [2] => '#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'
    [3] => '#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'
    [4] => '#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'
    [5] => '#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'
    [6] => '#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'
    [7] => '#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'
)

JSON编码

["'#4caf50','#00bcd4','#4caf50','#4caf50','#00bcd4'","'#00bcd4','#4caf50','#4caf50','#4caf50','#4caf50'","'#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'","'#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'","'#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'","'#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'","'#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'","'#4caf50','#4caf50','#4caf50','#4caf50','#4caf50'"]

$ color_string = json_encode（$ color_str）;

脚本

var options = {
            width: 1000,
            height: 300,
            legend: {position: 'none'},
            bar: {groupWidth: '50%'},
            isStacked: true,
            hAxis: {title: "Resource(s)"},
            vAxis: {title: "Week(s)"},
        colors: resColorsStr(),
        };


function resColorsStr(){
    var color_str = [];
    for(c = 0; c <= 7 ; c++){
        color_str = [<?php echo $color_string [c] ?>];
        //color_str.push(<?php echo $color_string [c]?>);

    }
    console.log(color_str);
    return color_str;

}

我如何循环并将数组值存储到color_str中，所以对于第一个循环color_str = '#4caf50','#00bcd4','#4caf50','#4caf50','#00bcd4'，对于第二个循环
color_str = '#00bcd4','#4caf50','#4caf50','#4caf50','#4caf50'

因此，当调用函数resColorsStr时，它将同样显示颜色。

最佳答案

您可以尝试以下方法：

在PHP中：

$color_string = json_encode($color_str);

在javascript中：

json = JSON.parse('<?=$color_string?>');

然后在options变量中：

var options = {
            width: 1000,
            height: 300,
            legend: {position: 'none'},
            bar: {groupWidth: '50%'},
            isStacked: true,
            hAxis: {title: "Resource(s)"},
            vAxis: {title: "Week(s)"},
        colors: json,
        };

我没有测试过，但是应该可以。

关于javascript - jQuery循环并将PHP值存储到数组中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32948168/