ajax新创建json对象吗,使用ajax json数据创建高清

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

我不明白如何将ajax调用与图表所需的数据集成.我不太了解各种图表插件,让我的生活变得轻松,目前正在尝试高级图表.

我的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数据结构正确

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

基本上 - 需要一个关于这个的教程,所以我可以让它工作和实验

所有帮助赞赏

谢谢

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值