图表不会用 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 绘制的主要内容,如果未能解决你的问题,请参考以下文章

将自定义组件添加到 EXTJS 图表

ExtJS 4 中的股票图表

可以在 Extjs4 图表中制作谷歌图表

图表未在 extJS 6.5.2 中呈现数据点

如何修改此代码,以便我不会每次都重新绘制图表,matplotlib

ExtJS3 中的图表