php后台数据显示到前端,php,前端_怎么在javascript中得到后台数据?,php,前端,javascript,highcharts - phpStudy...

本文介绍了如何在JavaScript中从后台获取数据并利用这些数据来创建Highcharts图表。首先通过PHP的SQL查询获取水果表的所有数据,然后在JavaScript中使用这些数据填充Highcharts的series选项,展示柱状图。遇到的问题是如何将动态数据适配到Highcharts的系列数据中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

怎么在javascript中得到后台数据?

最近在研究在网页中嵌入hightchart的表格 在嵌入时发现需要在javascript中得到后台的一组数据 代码如下

require_once('include.php');

//得到所有水果

$sql = "select * from fruit";

function getallfruit($sql){

$rows = fetchAll($sql);

return $rows;

}

$rows=getallfruit($sql);

$n = getResultNum($sql);

?>

查找
id名称价格销量数量
<?php echo $row["id"]?><?php echo $row["name"]?><?php echo $row["price"]?><?php echo $row["salenum"]?><?php echo $row["num"]?>

一共得到<?php echo $n ?>条数据

$(function () {

$('#container').highcharts({ //图表展示容器,与div的id保持一致

chart: {

type: 'column' //指定图表的类型,默认是折线图(line)

},

title: {

text: '水果表' //指定图表标题

},

xAxis: {

categories: ['价格','销量','数量' ]//指定x轴分组

},

yAxis: {

title: {

text: 'something' //指定y轴的标题

}

},

series: [

{ //指定数据列

name: 'Point',//声明在当前函数中的数组对象

data: [1,2,3],

//数据

},

{ //指定数据列

name: 'Point1',//声明在当前函数中的数组对象

data: [1,3,5],

//数据

},

{ //指定数据列

name: 'Point2',//声明在当前函数中的数组对象

data: [2,4,6],

//数据

}

]

});

});

这只是测试的 我需要在series中得到数据并且显示在网页上

下面是显示的样子

相关阅读:

Linux下如何找出至少包含1000个html文件的目录?

给wordpress增加一个footer,并重新命名,方法名也重新定义了,但是调用不到

新手上路,使用vue.js for循环执行click()只执行到最后一个?

用Elasticsearch做站内搜索,在windows上安装好了之后怎么使用?

如何优雅的设计一个css3动画库?

React 中,如果state中有一个较深层的值改变了,怎么去setState?

安卓版手机打开微信内应用,全屏播放视频会出现低俗广告。

这个正则表达式为什么是false

关于passport-local-mongoose自定义错误的问题

“www.baidu.com”和“www.baidu.com/” 哪种访问方式速度快?

ajaxStart只能绑定在document的话,如果页面有2个及以上的ajax请求怎么办?

res.render乱码问题?

iOS 状态恢复功能不起作用

php $.ajax刷新 url无法执行 提示错误err_internet_disconnected

为什么我a标签里的字体总是在右上方

electron怎么去判断当前程序是否已经在运行,如果在运行就不要重复打开

node.js 代码分部问题

怎么设置加载图片中的默认图片不变形适应各种尺寸

realloc:pointer being realloc'd was not allocated

unicode和UTF-8,ISO8859-1等是什么关系?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值