在平时的学习生活当中,对于后端开发一定都很关心,今天我爱编程网小编为大家整理了php报表框架 如何拿html做基于ebs的网页报表,希望能够帮助到大家。
PHP如何使用Echarts生成数据统计报表
echarts统计,简单示例
推荐:《PHP视频教程》
先看下效果图
看下代码
HTML页面 为ECharts准备一个Dom,宽高自定义
<div class="panel panel-info">
<div class="panel-body">
<div id="echart_show" ></div>
</div>
</div>js文件可以参考官网,或者在这里下载,引入
<script type="text/javascript" src="__ROOT__/Public/admin/lib/jquery/nowdatachars/echarts-all.js"></script>下面是具体方法
<script type="text/javascript">
var date = [],num = [];
$(document).ready(function () {
// 绘制反馈量图形
var init_echarts = function () {
var refreshChart = function (show_data) {
my_demo_chart = echarts.init(document.getElementById('echart_show'));
my_demo_chart.showLoading({
text: '加载中...',
effect: 'whirling'
});
var echarts_all_option = {
title: {
text: '',
subtext: '用户走势'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['用户数', '用户消耗']
},
toolbox: {
show: true,
feature: {
mark: {show: true},
dataView: {show: true, readOnly: false},
magicType: {show: true, type: ['line', 'bar']},
restore: {show: true},
saveAsImage: {show: true}
// myTool2: {
// show: true,
// title: '自定义扩展方法',
// icon: 'image://',
// onclick: function (){
// alert('自定义')
// }
// }
}
},
dataZoom: {
show: false,
start: 0,
end: 100
},
xAxis: [
{
type: 'category',
boundaryGap: true,
data: show_data[1]
},
{
type: 'category',
boundaryGap: true,
data: show_data[1]
}
],
yAxis: [
{
type: 'value',
scale: true,
name: '用户数',
boundaryGap: [0, 0.5]
// boundaryGap: [0.2, 0.2]
},
{
type: 'value',
scale: true,
name: '用户数',
boundaryGap: [0, 0.5]
}
],
series: [
{
name: '用户消耗',
type: 'bar',
xAxisIndex: 1,
data: show_data[0]
},
{
name: '用户数',
type: 'line',
xAxisIndex: 1,
data:show_data[0]
}
]
};
my_demo_chart.hideLoading();
my_demo_chart.setOption(echarts_all_option);
};
// 获取原始数据
$.ajax({
url:"__CONTROLLER__/getRes",
async:false,
dataType:'json',
type:'post',
success:function(msg){
var result = msg.result;
if(msg.code == 200){
for(var i = 0 ; i < result.length; i++){
date.push(result[i].date);
num.push(result[i].count);
msg[0] = num;
msg[1] = date;
refreshChart(msg);
}
}
}
});
};
// 默认加载
var default_load = (function () {
init_echarts();
})();
});
</script>控制器中查询自己需要的数据 (这里查询的日期和对应的数量)
//折线统计
public function getRes(){
$user = M('account');
$sql = "SELECT date(createTime) AS date,count(*) as count FROM t_account GROUP BY date ";
$result = $user->query($sql);
$this->ajaxReturn(array('code'=>200,'result'=>$result));
}至此,一个简单的echarts的统计图就出来了
对echarts中一些参数不太理解的,大家可以参考官网
mantis中统计报表怎么才能设置成功?我试了两种方法都不行。
默认情况下,Mantis的图形报表是关闭的,需要安装JPGraph模块并设置$g_use_jpgraph = ON才能打开图形报表;
1)下载JPGraph:从
下载JPGraph的安装文件,目前最高版本是2.2;
2)将下载下来的jpgraph-2.2.tar.gz解压缩到C:\PHP\includes目录下;
3)打开config_inc.php文件,修改$g_jpgraph_path为JPGraph的src目录,$g_use_jpgraph为ON;
4)修改Windows目录下的PHP.ini文件,将“;extension=php_gd2.dll”前面的分号删除;另外如果extension_dir项不正确,请把extension_dir改为正确的值,如extension_dir = "D:\p_tools\PHP\ext";php文件夹下的ext目录存放的是扩展模块的DLL文件
6)修改JPGraph的src目录下的jpgraph.php;将CACHE_DIR和TTF_DIR分别定义为Windows下的Temp目录和Fonts目录,如下所示
DEFINE("CACHE_DIR","E:/WinTemp/Temp/jpgraph_cache");
DEFINE("TTF_DIR","C:/WinNT/Fonts/");
7)现在再打开Mantis的统计页面,可以看到多了分别按状态等进行统计的图形报表,包括柱图、饼图和线图;
8)不过如果你的界面语言是用简体中文或者繁体中文,那么你会看到图形中的汉字都是乱码。mantis的图表是调用了jpGraph 类库来画的,mantis本身对中文的显示没有任何问题,关键是jpjpGraph 类库 对中文的支持比较麻烦。如果不做修改,则mantis调用jpGraph 类库画出的统计图中,中文肯定是乱码。解决方法如下:
1. config_inc.php中增加$g_graph_font = 'simsun';
2. core/graph_api.php中函数function graph_get_font()中定义中文:'simsun' => FF_SIMSUN,'simhei' => FF_SIMHEI,就是那个$t_font_map数组中加上两行;
3.jpgraph_ttf.inc.php 取消编码转换的功能。
99
100
101
102
103
104
105
106 elseif( $aFF === FF_SIMSUN ) {
// Do Chinese conversion
if( $this->g2312 == null ) {
include_once 'jpgraph_gb2312.php' ;
$this->g2312 = new GB2312toUTF8();
}
return $this->g2312->gb2utf8($aTxt);
}
直接return $aTxt即可。
这样,缺省系统就会找simsun字体,就不需要每个图形函数里都找了。
9)现在你的图形报表应该就可以显示中文了。
如何拿html做基于ebs的网页报表
1.问题描述
现在用户开发的系统基本上趋向于BS架构的浏览器/服务器模式,这些系统可能由不同的语言开发,如HTML、ASP、JSP、PHP等,因此需要将制作好的报表嵌入到这些页面中。
FineReport制作出的报表可以通过Frame框架集成到Web页面中。
2.将报表显示在Frame框架内
2.1集成方法
报表作为页面的一部分,可以以iFrame方式嵌入在网页中,指定iFrame的src即可。
1. <iframe id="reportFrame" width="900" height="400" src="/WebReport/ReportServer?reportlet=/doc/Primary/Parameter/Parameter.cpt"></iframe>
用户可以控制iframe的位置来控制报表在页面的什么地方显示,还能够通过iframe获取到报表,从而获取报表内容或调用报表内部现成的方法,我们在后续章节会进行介绍。
注:此方法iframe的src会显示出完整的报表路径,尤其在有参数的情况下,可以使用post方式向iframe提交请求,这样src里有不会出现具体的参数了。
我爱编程网以上就是关于php报表框架 如何拿html做基于ebs的网页报表的全部内容了,如果需要了解更多相关资讯敬请关注我爱编程网。