thinkphp如何与echarts交互

最新推荐文章于 2022-11-02 14:12:14 发布

weixin_42079053

最新推荐文章于 2022-11-02 14:12:14 发布

阅读量1.6k

点赞数

文章标签： ajax html thinkphp

本文链接：https://blog.csdn.net/weixin_42079053/article/details/89292031

版权

本文介绍了在ThinkPHP中如何使用Ajax与Echarts进行数据交互，详细讲解了Ajax的异步处理、ThinkPHP从数据库获取数据以及将数据转换为Echarts所需的格式。在Ajax请求中，正确处理async属性以避免UI卡顿，并展示了如何处理空值情况下的查询。在数据处理部分，通过实例展示了如何将查询结果转化为Echarts图表所需的数组格式。

摘要由CSDN通过智能技术生成

最近尝试着用thinkphp传递数值给echarts，踩了挺多坑的，感触也很多。

本文章目的是为踩坑卡住的萌新提供一点思路，所以大佬和未接触过的就没必要看下去了。

我按照流程来梳理一遍吧。

在html页面，利用ajax向thinkphp的控制器传值

 $.ajax({
                type: "POST",//规定传输方式
                async: true,
                url: "{:url('storage/Charts/getInflowMaterielByDay')}?dayNum=" + dayNum +         "&storageUuid=" + storageUuid,//提交URL
                beforeSend: function (r) {
                    $("#p").show();
                },
                success: function (result) {

                    inflow_data = result;
                   
                    $.ajax({
                        type: "POST",//规定传输方式
                        async: true,
                        url: "{:url('storage/Charts/getOutflowMaterielByDay')}?dayNum=" + dayNum + "&storageUuid=