PHP使用Echarts生成数据统计报表的案例

  介绍

这篇文章将为大家详细讲解有关PHP使用Echarts生成数据统计报表的案例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

Echarts统计,简单示例

先看下效果图

 PHP使用Echarts生成数据统计报表的案例

看下代码

HTML页面,为Echarts准备一个Dom,宽高自定义

& lt; div类=懊姘錺anel-info"比;   & lt; div类=皃anel-body"祝辞   & lt; div id=癳chart_show"风格=案叨?500 px"祝辞& lt;/div>   & lt;/div>   & lt;/div>

js文件可以参考官网,或者在这里下载,引入

& lt;脚本类型=拔谋?javascript"src=https://www.yisu.com/zixun/盻_ROOT__/公共/admin/lib/jquery/nowdatachars/echarts-all.js”>

下面是具体方法

& lt;脚本类型=拔谋?javascript"比;      var日期=[],num=[];   美元(文档)。准备好(函数(){//绘制反馈量图形   var init_echarts=function () {   var refreshChart=函数(show_data) {   my_demo_chart=echarts.init (. getelementbyid (& # 39; echart_show& # 39;));      my_demo_chart.showLoading ({   文字:& # 39;加载中…& # 39;,   效果:& # 39;旋转# 39;   });      var echarts_all_option={   标题:{   文字:& # 39;& # 39;   潜台词:& # 39;用户走势& # 39;   },   提示:{   触发:& # 39;轴# 39;   },   传说:{   数据:[& # 39;用户数& # 39;,& # 39;用户消耗& # 39;】   },   工具箱:{   显示:没错,   特点:{   马克:{显示:真},   dataView:{显示:真的,只读的:虚假},   magicType:{显示:真的,类型:[& # 39;行# 39;& # 39;酒吧# 39;]},   恢复:{显示:真},   saveAsImage:{显示:真}//myTool2: {//显示:没错,//标题:& # 39;自定义扩展方法& # 39;,//图标:& # 39;形象://http://echarts.baidu.com/images/favicon.png& # 39;//>//折线统计   公共函数getRes () {   用户=美元(& # 39;账户# 39;);   $ sql=把≡袢掌?createTime)日期,count(*)从t_account组数的日期“;   查询结果=用户→美元($ sql);   $ this→ajaxReturn(数组(& # 39;代码# 39;=祝辞;200年,& # 39;结果# 39;=祝辞;结果美元));   }

关于PHP使用Echarts生成数据统计报表的案例就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

PHP使用Echarts生成数据统计报表的案例