Javascript MSSQL服务器到PHP数组到JSON编码到Highcharts
我有非常简单的数据,这些数据是从我的MSSQL服务器到JSON_编码的 以下是我在myPHPFile.PHP中的PHP代码: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
<?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>