Question

我正在使用高图来绘制图形，但是当我尝试将$.getJSON('URL', function (data))的网址替换为“{1}}时，我无法绘制图表 $.getJSON('Highchart_getData.php', function (data)没有显示任何内容。我选择这个例子

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/demo/flags-placement/

然后我想连接我的mysql数据来绘制图形。

JS.javascript：

$.getJSON('Highchart_getData.php', function (data) {

var lastDate = data[data.length - 1][0],  // Get year of last data point
    days = 24 * 36e5; // Milliseconds in a day

// Create the chart
Highcharts.stockChart('container', {

    rangeSelector: {
        selected: 1
    },

    title: {
        text: '光照量歷史圖表'
    },

    yAxis: {
        title: {
            text: '單位:Lux'
        }
    },

    series: [{
        name: '當日光照量',
        data: data,
        id: 'dataseries',
        tooltip: {
            valueDecimals: 4
        }
    }, {
        type: 'flags',
        name: 'Flags on series',
        data: [{
            x: lastDate - 60 * days,
            title: 'On series'
        }, {
            x: lastDate - 30 * days,
            title: 'On series'
        }],
        onSeries: 'dataseries',
        shape: 'squarepin'
    }, {
        type: 'flags',
        name: 'Flags on axis',
        data: [{
            x: lastDate - 45 * days,
            title: 'On axis'
        }, {
            x: lastDate - 15 * days,
            title: 'On axis'
        }],
        shape: 'squarepin'
}]
});
});

Highchart_getData.php：

<?php session_start(); ?>
<?php
$hostdb = "localhost";  
$userdb = "root";  
$passdb = "";  
$namedb = "light_care";  
$dbhandle = new mysqli($hostdb, $userdb, $passdb, $namedb);
if ($dbhandle->connect_error) {
exit("There was an error with your connection: ".$dbhandle->connect_error);
}

include("mysql_connect.inc.php");
$id=$_SESSION['username'];
$today= date('Y')-2000;
$today .= date('-m-d');
$arrData = array();
if($_SESSION['username'] != null)   
{

        $sqlID = "select * from user where username='$id'";
        $resultID = mysql_query($sqlID);

            $userID=array();
            if($resultID === FALSE) { 
                die(mysql_error()); // TODO: better error handling
            }

            while($row = mysql_fetch_array($resultID))
            {
                $userID[0]=$row["ID"];              
            }

for( $a=0;$a<30;$a++)
{   
    $date= date('Y')-2000;
    $date .= date('-m-d',time()-24*60*60*$a);
    //$date= date('Y-m-d',time()-24*60*60*$a); 
    $sql = "select * from data where user_id='$userID[0]' and data_time like 
'%$date%'";
    $result = mysql_query($sql);
    $light=array();
    //echo $date;   

        $count=0;
        $light_sum=0;
        $step_sum=0;
    if($result === FALSE) { 
            die(mysql_error()); // TODO: better error handling
    }

            $lsum=array();
            $ssum=array();
            $Data=0;

        while($row = mysql_fetch_array($result))
        {               

            $Date=$row["data_time"];
            $Data+=$row["light"];
            //$light_sum+=$Data[$count];
            //$DATE=$Data[$count];


            $count++;

        }
        //echo $date;
        $date= date('Y');
        $date .= date('-m-d',time()-24*60*60*$a);
        $DATA[0]=$date;
        $DATA[1]=$Data;

        array_push($arrData,$DATA);
        $light_sum=0;

}

            /*JSON Encode the data to retrieve the string containing the 
JSON representation of the data in the array. */

            $jsonEncodedData = json_encode($arrData);

            print($jsonEncodedData);


             //Close the database connection
            $dbhandle->close();
        }
//  }
?>

，输出是：

[["2017-07-20",0],["2017-07-19",0],["2017-07-18",562],["2017-07-17",746],["2017-07-16",0],["2017-07-15",0],["2017-07-14",0],["2017-07-13",0],["2017-07-12",0],["2017-07-11",0],["2017-07-10",0],["2017-07-09",0],["2017-07-08",0],["2017-07-07",0],["2017-07-06",0],["2017-07-05",0],["2017-07-04",0],["2017-07-03",0],["2017-07-02",0],["2017-07-01",0],["2017-06-30",0],["2017-06-29",0],["2017-06-28",0],["2017-06-27",0],["2017-06-26",0],["2017-06-25",0],["2017-06-24",0],["2017-06-23",0],["2017-06-22",0],["2017-06-21",0]]

JQ.html：

<!DOCTYPE html>
<html>

<script type="text/javascript" src="https://code.jquery.com/jquery-
3.1.1.min.js"></script>
<script type="text/javascript" 
src="https://code.highcharts.com/stock/highstock.js"></script>
<script type="text/javascript" 
src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<body>
<div id="container" style="height: 400px; min-width: 310px"></div>
</body>
<script type="text/javascript" src="JS.js"></script>
</html>

但没有显示任何内容:( 我已经奋斗了很多天，但它仍然无法工作...... 有没有人可以帮助我。非常感谢你！抱歉我的英语不好。

无法使用我的json数据显示高图

0 个答案: