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
相关的主题文章: