Ext3.3 中chart 报表显示有关问题
来源:互联网 发布:人工智能第二版答案 编辑:程序博客网 时间:2024/06/05 08:38
Ext 中chart 报表在本地WEB容器的浏览器可以显示,oracle存储过程,但换个机子访问此web容器就不能显示了。不知啥子原因。不知道有人知道没,谢谢。
用的是EXT3.3.
URL属性用的是相对路径。
store是用JSON从数据库中读取的。
附上代码:JS:
Ext.chart.Chart.CHART_URL = '/textsearch/extjs/resources/charts.swf';
Ext.onReady(function(){
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'/textsearch/baoBiaoManageAction.do?method=getLibDataInfo',
failure : function() {
//Ext.Msg.alert("数据加载失败!请检查");
}
}),
reader:new Ext.data.JsonReader({root:'success'},[
{name:'name'},
{name:'visits'},
{name:'views'}
])
});
store.load();
// extra extra simple
new Ext.Panel({
title: '资源库访问次数饼状图 ',
renderTo: 'container',
width:1300,
height:300,
layout:'fit',
items: {
xtype: 'piechart',
store: store,
xtype: 'piechart',
dataField: 'visits',
categoryField: 'name',
extraStyle:
{
legend:
{
display: 'bottom',
padding: 5,
font:
{
family: 'Tahoma',
size: 13
}
}
},
listeners: {
itemclick: function(o){
var rec = store.getAt(o.index);
Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
}
}
}
});
new Ext.Panel({
iconCls:'chart',
title: '资源库访问次数线性图',
frame:true,
renderTo: 'container',
width:1200,
height:300,
layout:'fit',
items: {
xtype: 'linechart',
store: store,程序错误,
url: '/textsearch/extjs/resources/charts.swf',
xField: 'name',
yField: 'visits',
yAxis: new Ext.chart.NumericAxis({
displayName: 'visits',
labelRenderer : Ext.util.Format.numberRenderer('0,0')
}),
tipRenderer : function(chart, record){
return record.data.name +'访问次数为:'+Ext.util.Format.number(record.data.visits, '0,0')+'次';
}
}
});
});
JSP:
<%@ page language="java" import="java.sql.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<base href="<%=basePath%>">
<title>报表</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="<%=basePath%>extjs/resources/css/ext-all.css">
<script type="text/javascript" src="<%=basePath%>extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=basePath%>extjs/ext-all.js"></script>
<script type="text/javascript" src="<%=basePath%>htgl/bbgl/ziyuanuseCondition.js">
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
------解决方案--------------------------------------------------------
可参考:
水晶报表显示图片的有关问题 http://www.myexception.cn/vb-dotnet/61335.html
相关的主题文章:
用的是EXT3.3.
URL属性用的是相对路径。
store是用JSON从数据库中读取的。
附上代码:JS:
Ext.chart.Chart.CHART_URL = '/textsearch/extjs/resources/charts.swf';
Ext.onReady(function(){
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'/textsearch/baoBiaoManageAction.do?method=getLibDataInfo',
failure : function() {
//Ext.Msg.alert("数据加载失败!请检查");
}
}),
reader:new Ext.data.JsonReader({root:'success'},[
{name:'name'},
{name:'visits'},
{name:'views'}
])
});
store.load();
// extra extra simple
new Ext.Panel({
title: '资源库访问次数饼状图 ',
renderTo: 'container',
width:1300,
height:300,
layout:'fit',
items: {
xtype: 'piechart',
store: store,
xtype: 'piechart',
dataField: 'visits',
categoryField: 'name',
extraStyle:
{
legend:
{
display: 'bottom',
padding: 5,
font:
{
family: 'Tahoma',
size: 13
}
}
},
listeners: {
itemclick: function(o){
var rec = store.getAt(o.index);
Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
}
}
}
});
new Ext.Panel({
iconCls:'chart',
title: '资源库访问次数线性图',
frame:true,
renderTo: 'container',
width:1200,
height:300,
layout:'fit',
items: {
xtype: 'linechart',
store: store,程序错误,
url: '/textsearch/extjs/resources/charts.swf',
xField: 'name',
yField: 'visits',
yAxis: new Ext.chart.NumericAxis({
displayName: 'visits',
labelRenderer : Ext.util.Format.numberRenderer('0,0')
}),
tipRenderer : function(chart, record){
return record.data.name +'访问次数为:'+Ext.util.Format.number(record.data.visits, '0,0')+'次';
}
}
});
});
JSP:
<%@ page language="java" import="java.sql.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<base href="<%=basePath%>">
<title>报表</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="<%=basePath%>extjs/resources/css/ext-all.css">
<script type="text/javascript" src="<%=basePath%>extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=basePath%>extjs/ext-all.js"></script>
<script type="text/javascript" src="<%=basePath%>htgl/bbgl/ziyuanuseCondition.js">
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
------解决方案--------------------------------------------------------
可参考:
水晶报表显示图片的有关问题 http://www.myexception.cn/vb-dotnet/61335.html
相关的主题文章:
- HtmlParser无法抓取网页的所有超链接的有关问题
- Ext 小弟我弄一个可以复选的树.但是那个node.getUI().toggleChec
- 求一跨页提交的例子,尽量使用jsp+js+struts1(别用struts标签)开发出来的例子 ,该怎么处理
- Ext3.3 中chart 报表显示有关问题
- EXT3日历显示不全问题
- 关于ext3.2.1异步验证有关问题
- 解决extjs中chart显示不下legend的问题
- 解决extjs中chart显示不下legend的问题
- 解决extjs中chart显示不下legend的问题
- 解决extjs中chart显示不下legend的问题
- Chart 报表
- ActiveReport报表中显示图片问题
- java中有关日期的显示问题
- 初识 EXT3.0 中的 chart
- Ext3 学习(5) -- Chart column
- Ext3 学习(6) -- Chart time
- ext3.4中RadioGroup的fieldLbel不能显示问题的解决
- etcell报表组件完美的解决了Delphi中有关报表的问题,包括数据库的报表!
- Open flash chart中显示中文
- MVC中使用水晶报表,图表无法显示的问题
- CystalReport for VS 2013 中报表的显示问题
- Linux系统中的关机命令
- zoj 2659 Box
- 删除某个schema下的所有表
- Hibernate 关于映射的持久类信息以及synchronized同步的请问
- iPhone:动态获取UILabel的高度和宽度
- Ext3.3 中chart 报表显示有关问题
- MUILIB-一个可以实现界面自由配置的C++高级界面库
- flex4+spring整合有关问题,Unexpected child element 'factory' found in 'destination' from
- 怎样实现点击button查询从数据库中找出符合条件的结果。。。求问(以下代码可以否)
- Hubbub: 号称第一的语音社交网站上线
- Android 常用代码收集
- 远程调用 比较 jboss server
- 关于弹出div层居中的问题及解决方法
- “此致敬礼”是什么意思