如何解决如何使用highcharts.js创建图表并调用Ajax?
我用php连接到postgres数据库,并创建了此脚本,该脚本可正确提取所需数据并将其转换为Json格式:
<?php
include('connect.php');
$query = 'SELECT "Name","Vulnerabilità_Violate" ...';
$result = pg_query($query) or die('Error message: ' . pg_last_error());
while ($row = pg_fetch_assoc($result)) {
$records[]=$row;
}
foreach( $records as $record )
$json[] = array($record['Name'],intval($record['Vulnerabilità_Violate']));
echo json_encode($json);
?>
为了制作图,我编写了以下代码:
$(document).ready(function() {
var options = {
chart: {renderTo:'conteiner',type:'spline'},series: [{}] // Lascio vuoto
};
$.getJSON('file.php',function(data){
options.series[0].data = data;
var chart = new Highcharts.Chart(options);
});
});
但是,当我打开html页面时,我看不到任何图形。
我该怎么办?
解决方法
变量 data 中包含哪些数据,然后将其分配给系列?你能举个例子吗?
您是否尝试过在系列中静态设置一些随机值?显示图表吗?
var values = [11,9,8,7,5,4,2];
您可以尝试以这种方式创建图表吗?
$('#conteiner').highcharts({
series: [{
data: data
}]
});
您的div名称正确吗?还是容器而不是容器?
另外,在设置数据时,也许最好使用数组,这样做的一个好方法是:
var values = new Array();
for (var 1= 0; i < string.data.length; i++)
{
values.push([string.data[i].value]);
}
使用push([])以便将其分配给Highcharts中的数据类型很重要。
露西娅
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。