图表赢了';t使用extjs3.4绘制
一个简单的问题,非常简单的代码,我只是复制/粘贴代码示例,当然是在我的本地项目上,但没有图表绘制。。。我真的不明白发生了什么,我在怀疑中更改了我本地文件夹上swf的url,同样的问题,请帮助图表赢了';t使用extjs3.4绘制,extjs,charts,extjs4,extjs3,Extjs,Charts,Extjs4,Extjs3,一个简单的问题,非常简单的代码,我只是复制/粘贴代码示例,当然是在我的本地项目上,但没有图表绘制。。。我真的不明白发生了什么,我在怀疑中更改了我本地文件夹上swf的url,同样的问题,请帮助 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Charts v1.0</title> &
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Charts v1.0</title>
<link rel="stylesheet" type="text/css" href="css/ext-all.css" rel="stylesheet" />
<script type="text/javascript" src="js/ext-base-debug.js"></script>
<script type="text/javascript" src="js/ext-all-debug.js"></script>
<style>
</style>
</head>
<script type="text/javascript">
Ext.onReady(function(){
// extra extra simple
Ext.chart.Chart.CHART_URL = 'images/charts.swf';
var store = new Ext.data.JsonStore({
fields:['name', 'visits', 'views'],
data: [
{name:'Jul 07', visits: 245000, views: 3000000},
{name:'Aug 07', visits: 240000, views: 3500000},
{name:'Sep 07', visits: 355000, views: 4000000},
{name:'Oct 07', visits: 375000, views: 4200000},
{name:'Nov 07', visits: 490000, views: 4500000},
{name:'Dec 07', visits: 495000, views: 5800000},
{name:'Jan 08', visits: 520000, views: 6000000},
{name:'Feb 08', visits: 620000, views: 7500000}
]
});
// extra extra simple
new Ext.Panel({
title: 'ExtJS.com Visits Trend, 2007/2008 (No styling)',
renderTo: 'container',
width:500,
height:300,
layout:'fit',
items: {
xtype: 'linechart',
store: store,
xField: 'name',
yField: 'visits',
listeners: {
itemclick: function(o){
var rec = store.getAt(o.index);
Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
}
}
}
});
});
</script>
<body style="padding: 50px;"><div id='container'></div></body>
</html>
图表v1.0
Ext.onReady(函数(){
//非常简单
Ext.chart.chart_URL='images/charts.swf';
var store=new Ext.data.JsonStore({
字段:[“名称”、“访问”、“视图”],
数据:[
{姓名:'Jul 07',访问量:245000,浏览量:3000000},
{姓名:'Aug 07',访问量:240000,浏览量:3500000},
{姓名:2007年9月,访问量:355000,浏览量:4000000},
{姓名:'Oct 07',访问量:375000,浏览量:4200000},
{姓名:'Nov 07',访问量:490000,浏览量:4500000},
{姓名:'Dec 07',访问量:495000,浏览量:5800000},
{姓名:'Jan 08',访问量:520000,浏览量:6000000},
{姓名:'Feb 08',访问量:620000,浏览量:7500000}
]
});
//非常简单
新分机面板({
标题:“ExtJS.com访问趋势,2007/2008(无样式)”,
renderTo:'容器',
宽度:500,
身高:300,
布局:'适合',
项目:{
xtype:'线条图',
店:店,,
xField:'名称',
伊菲尔德:“访问”,
听众:{
项目点击:功能(o){
var rec=store.getAt(o.index);
Ext.example.msg('itemselected','youselected{0}',rec.get('name');
}
}
}
});
});
没有网络问题,所有需要的资源都已正确加载。。在没有url定义的情况下也进行了尝试,在本例中,extjs在yahooui cdn上获取swf,同样的问题如果没有Web服务器,您无法在本地运行它,这就是它失败的原因。安装一个本地Web服务器,它应该可以工作。我实际上使用apache,可以复制/粘贴此代码,并在本地运行。我实际上复制了您提供的代码,并保存在我的IIS(c://inetpub/wwwroot/extjs3.4/examples)中,并更改了对文件和图像的引用,对我来说效果很好!签入任何带有404错误的fidler。简而言之,同样的代码对我有效。这是一个官方问题!yahoo libs中的swf不再与extjs3.4一起工作,您必须自己在extjs的官方示例中下载它。。。当放置包装的swf时,此功能非常有效;)