ExtJs 5图表的问题

Issue with ExtJs 5 charts

本文关键字：问题 ExtJs      更新时间：2023-09-26

我是ExtJS 5的新手。当我使用ExtJs图表时。我在客户端得到以下异常

NetworkError: 404 Not Found - .....widget/category.js
categor...3193905
Error: [Ext.create] Unrecognized class name / alias: widget.category
I have tried using 
Ext.require([
             'Ext.chart.*'
            ]);
But its not working for me.
Please suggest something to get rid of this.

使用SenchaCmd可以将它添加到包存储库中，在项目目录中(这是在需要包时实际查找的位置)。我想知道如何正确地引用一个从/ext目录与app.json文件:

cp -R ext/packages/sencha-charts ./packages/sencha-charts
cd ./packages/sencha-charts
sencha package build

应用程序的app.json必须添加这个要求:

"requires": ["sencha-charts"]

一旦添加，刷新应用程序(在它的目录中):

sencha app refresh
之后

应该包含在bootstrap中。

如果您在脚本标记中使用ext-all-debug.js用于快速和肮脏的开发环境，您实际上需要为图表库添加另一个脚本标记。

您可能需要的文件是sencha-charts-debug.js，您可以在../ext-5.0.0/packages/sencha-charts/build

中找到它

您可能必须自己从../ext-5.0.0/packages/sencha-charts目录构建它，使用:

ant build

如果你想使用extjs图表使用'ext-charts'或者如果你想添加sencha touch图表

    "requires": [
        "ext-charts","sencha-charts"
    ]

在app.json中，从你的应用根终端

运行下面的CMD
sencha app refresh && sencha app build

如果您不使用SenchaCmd，或者只是想在测试或早期开发期间拉入图表资源，您可以手动抓取CSS和JS并将其包含在您的页面中。

下面假设css的主题是"neptune"，但"classic"answers"crisp"样式也可以。

<link rel="stylesheet" type="text/css" href="<your path to ext>/packages/sencha-charts/build/neptune/resources/sencha-charts-all-debug.css" />
<script type="text/javascript" src="<your path to ext>/packages/sencha-charts/build/sencha-charts-debug.js"></script>
相关文章：