ajax - 使用 JavaScript PHP JSON 的 HighCharts 数据

Question

我正在准备逐点创建图表。不是活的，也不是特别的。这可能是一件基本的事情，但在两天内我找不到或理解解决方案。

PHP 代码

for ($i = 0;$i < $numResults; $i++)
        {
            $row = $result->fetch_assoc();

            array_push($returnArray,array($row['powerWeek'] => $row['powerPower'] ));

        }
        echo json_encode($returnArray);

PHP结果：[{"1":"51"},{"2":"52"},{"3":"52"}]

JavaScipt 代码：

 $.getJSON('getPower.php',function(getJSONText)
    {   
        var series = {};    
        $.each(getJSONText, function(key, value) {  
            series.data = value;
            option.series.push(series);

        });
        var chart = new Highcharts.Chart(option); 
}); 

但是没有绘制图表。感谢所有帮助。

Answer 1

我解决了我的问题。在 php 代码中，我在构建数组时添加了 intval fonction，并将其更改为多维数组：

if  ($numResults != 0)
    {
        for ($i = 0;$i < $numResults; $i++)
        {
            $row = $result->fetch_assoc();

            array_push($returnArray,array(intval($row['powerWeek']) , intval($row['powerPower']) ));

        }
        echo json_encode($returnArray); 
    }
}

我将我的 JavaScript 代码编辑为：

function requestData(){
    $.getJSON('getPower.php',function(getJSONText)
        {   
         chart.series[0].setData(getJSONText, true);
        });
}