图表不会用 extjs 3.4 绘制
Posted
技术标签:
【中文标题】图表不会用 extjs 3.4 绘制【英文标题】:charts won't draw with extjs 3.4 【发布时间】:2013-01-30 16:14:16 【问题描述】:一个简单的问题,非常简单的代码,我只是复制/粘贴代码示例,当然是在我的本地项目上,但没有绘制图表......我真的不明白发生了什么,我怀疑改变了我的本地文件夹上的swf,同样的问题,请帮助!
<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>
没有网络问题,所有需要的资源都正确加载..也尝试了没有url的def,在这种情况下extjs在yahooui cdn上获取swf,同样的问题
【问题讨论】:
【参考方案1】:如果没有网络服务器,您无法在本地运行它,这就是它失败的原因。设置一个本地网络服务器,它应该可以工作。
【讨论】:
我实际使用的是apache,可以复制/粘贴这段代码,然后在本地运行 嘿,我实际上复制了您提供的代码并保存在我的 IIS (c://inetpub/wwwroot/extjs3.4/examples) 中,并更改了对文件和图像的引用,它适用于我 !用 404 错误检查提琴手。简而言之,相同的代码对我有用。 这是一个官方问题!雅虎库中的 swf 不再与 extjs3.4 一起使用,您必须自己在 extjs 的官方示例中下载它......这在放置包的 swf 时效果很好;)以上是关于图表不会用 extjs 3.4 绘制的主要内容,如果未能解决你的问题,请参考以下文章