介绍
这篇文章将为大家详细讲解有关PHP使用Echarts生成数据统计报表的案例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
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生成数据统计报表的案例就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。