ajax json highchart,用ajax json数据创建highchart

博主在尝试使用PHP脚本获取的MySQL数据通过Ajax调用来创建Highcharts图表,但遇到了问题。他们不确定如何正确地将JSON数据结构与Highcharts系列关联,并且在尝试将Ajax调用与图表生成函数结合时遇到困难。提供的JSON数据是关于一周内访客数量的柱状图数据,但目前图表没有显示。博主寻求关于如何有效集成Ajax数据和创建图表的教程或指导。
摘要由CSDN通过智能技术生成

我正在尝试使用使用mysql脚本检索的mysql数据在页面中创建一个简单的图表

我不明白如何将ajax调用与图表所需的数据集成在一起。我对各种图表插件的了解不足以使我的生活变得轻松,并且目前正在试用highchart。

我的PHP脚本返回以下json:

[{"name":"golfers"},{"data":[5.7879,6.6286,6.1724,5.3125,7.1481,6.1333,4.5769]}]

我的图表脚本是:

$(function () {

visitorData(function(data) {

console.info(data);

$('#chart1').highcharts({

chart: {

type: 'column'

},

title: {

text: 'Average Visitors'

},

xAxis: {

categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']

},

yAxis: {

title: {

text: 'Number of visitors'

}

},

series: data,

});

});

});

我进行ajax调用的函数:

$.ajax({

url: '/visitdata',

type: 'GET',

async: true,

dataType: "json",

success: function (data) {

console.warn(data);

return data;

}

});

但是此刻什么也没有显示。

我不确定如何有效地进行ajax调用并将其集成到图表函数中。我基于较早的尝试和发布决定进行回调,以确保在创建图表之前返回数据-这是否正确?

我不是100%确定json数据的结构正确

我不确定我是否已将数据变量正确应用于系列

基本上-需要一个有关此的教程,这样我才能正常工作并进行实验

所有帮助表示赞赏

谢谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值