Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript MSSQL服务器到PHP数组到JSON编码到Highcharts_Javascript_Php_Json_Sql Server_Highcharts - Fatal编程技术网

Javascript MSSQL服务器到PHP数组到JSON编码到Highcharts

Javascript MSSQL服务器到PHP数组到JSON编码到Highcharts,javascript,php,json,sql-server,highcharts,Javascript,Php,Json,Sql Server,Highcharts,我有非常简单的数据,这些数据是从我的MSSQL服务器到JSON_编码的 以下是我在myPHPFile.PHP中的PHP代码: <?php $serverName = "MyServer"; $connectionInfo = array( "Database"=>"MyDatabase", "UID"=>"MyUID", "PWD"=>"MyPWD"); $conn = sqlsrv_connect( $serverName, $connectionInfo); $t

我有非常简单的数据,这些数据是从我的MSSQL服务器到JSON_编码的

以下是我在myPHPFile.PHP中的PHP代码:

<?php
$serverName = "MyServer";
$connectionInfo = array( "Database"=>"MyDatabase", "UID"=>"MyUID", "PWD"=>"MyPWD");
$conn = sqlsrv_connect( $serverName, $connectionInfo);


$tsql = "SELECT * FROM [MyDatabase].[dbo].[MyView] ORDER BY Year";  

$stmt = sqlsrv_query( $conn, $tsql); 

$rows = array();
while($r = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)) {
    $res[] = $r;
}

print json_encode($res, JSON_NUMERIC_CHECK);

sqlsrv_free_stmt( $stmt);  
sqlsrv_close( $conn);  
?> 
太好了。这是数据

我尝试了每一篇教程、每一篇highcharts论坛帖子和每一个stackoverflow问题,从我的php文件中以JSON格式将这些简单数据转换成highcharts图表。也许我遗漏了一些显而易见的东西

让我们看看我的HTML文件:

在头部:

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript">
$(function () {
    var chart;
    $(document).ready(function() {
        $.getJSON("myPHPFile.php", function(json) {

            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container',
                    type: 'line',
                },
                xAxis: {
                    title: { text: 'Year'}
                },
                yAxis: {
                    title: {
                        text: 'Number'
                    },
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },
                series: json
            });
        });

    });

});
        </script>
然后很明显我的div

<div id="container"></div>
我错过了什么?HTML窗口是空白的。未呈现图表。

显示另一个设置图表的示例。可以使用以下格式:

$document.readyfunction{ $.getJSONmyPHPFile.php,functionjson{ var series=json.mapfunctionrecord{ 返回[record.Year,record.Number]; } 海图。海图‘容器’{ 图表:{ renderTo:'容器', 键入:“行”, }, xAxis:{ 标题:{ 正文:“年” } }, 亚克斯:{ 标题:{ 文本:“数字” }, }, 系列:[{ 数据:系列 }], }; }; }; 在下面签出实时演示:

常数数据=[{ 年份:2016年, 电话:41 }, { 年份:2017年, 电话:512 }, { 年份:2018年, 电话:1895 }, { 年份:2019年, 电话:3132 }]; const series=data.maprecord=>[record.Year,record.Number] 海图。海图‘容器’{ 图表:{ renderTo:'容器', 键入:“行”, }, xAxis:{ 标题:{ 正文:“年” } }, 亚克斯:{ 标题:{ 文本:“数字” }, }, 系列:[{ 数据:系列 }], };
在functionjson下添加console.log时,是否记录了正确的信息?
<div id="container"></div>