Javascript 如何在HighCharts中返回json数据?

Javascript 如何在HighCharts中返回json数据?,javascript,php,json,highcharts,Javascript,Php,Json,Highcharts,你好。帮助在JS Highcharts中以JSON格式发送数据。选择了两个字段:温度和湿度。应根据时间表对其进行评估。只有一块地,一切都在运转,因为只有两块地都死了 PHP: <?php /* SQL */ /* Connect */ try { $connection = new PDO("mysql:host=localhost;dbname=my","root",""); } catch

你好。帮助在JS Highcharts中以JSON格式发送数据。选择了两个字段:温度和湿度。应根据时间表对其进行评估。只有一块地,一切都在运转,因为只有两块地都死了

PHP:

<?php
/* SQL */
    /* Connect */
        try
        {
            $connection = new PDO("mysql:host=localhost;dbname=my","root","");
        }
        catch (PDOException $e)
        {
            echo 'Connection error: ' . $e->getMessage();
        }
    /* /Connect */
    /* Query */
        $query = $connection->prepare("SELECT temperature, humidity FROM weather WHERE date >= CURDATE()");
        $query->execute();
        $result = $query->fetchAll(PDO::FETCH_ASSOC);

        echo json_encode($result, JSON_NUMERIC_CHECK);

    /* /Query */
/* /SQL */
?>
$(function(){
var options = {
    chart: {
        renderTo: 'mychart',
        type: 'spline'
    },
    title: {
        text: 'Temperature'
    },
    xAxis: {
        categories: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24]
    },
    yAxis: {
        title: {
            text: 'Values'
        }
    },
    series: [{}]
};

$.getJSON('../ajax/get_weather_day.php', function(data){
    options.series[0].name = "Temperature";
    options.series[0].data = data;
    options.series[1].name = "Humidity";
    options.series[1].data = data;
    var chart = new Highcharts.Chart(options);
});
});

您正在将mysql表的两个字段的结果分配给这两个系列

options.series[0].data = data;
options.series[1].data = data;
您应该分割数据并将正确的值分配给正确的序列(或者您可以进行两个ajax调用以分别获得这两个值-检查在您的情况下什么更便宜)

顺便说一下,数据现在保存mysql结果行(值对),但highcharts期望值是数字序列

请看这里: