尽管我在我的索引页面中包含了ext-all.js
文件;我尝试this online Guage chart example provided by Sencha
http://myapp.com/widget/polar.js?_dc=1436970370848 404 (Not Found)
Uncaught Error: [Ext.create] Unrecognized class name / alias: widget.polar
答案 0 :(得分:5)
图表位于一个单独的包中:
默认情况下,Sencha图表不包含在Ext JS库中。在 要包含图表包,只需添加“图表” (“sencha-charts”如果使用Ext JS 5.x)到require块 在Sencha Cmd生成的应用程序的{appRoot} /app.json文件中。 将包名称添加到requires数组会指示Cmd生成 包可用于您的应用程序。
https://docs.sencha.com/extjs/5.1/components/introduction_to_charting.html
答案 1 :(得分:2)
"requires": [
"charts"
],
这应该从您的app.json
取消注释答案 2 :(得分:1)
在Extjs 6中,您必须通过取消注释来包含sencha图表
"requires": [
"sencha-charts"
],
app.json
中的和通过应用程序文件夹的sencha cmd中的运行sencha app watch
命令。
它对我有用,希望这对你有所帮助:))
答案 3 :(得分:1)
我在绘制极坐标图时遇到了完全相同的问题。发现以下解决方案: 在application.js
中添加以下内容requires: ['Ext.chart.*']
答案 4 :(得分:1)
除了注释掉“ required”:对于Sencha Cmd项目效果很好的'Charts'(对于ExtJS 6是'charts',对于ExtJS 5是'sencha-charts'),我发现您包括ext-all.js。文件自己。可能需要找到它们...您可以在其中找到所有文件->
https://cdnjs.com/libraries/extjs/6.2.0所有ExtJS文件,用于包括。这可以用于在线链接(例如,在jsfiddle.net中)。在末尾写6.1.0、6.0.0、5.1.0或您需要的任何版本。
在此链接示例https://www.sencha.com/forum/showthread.php?303990-Is-there-a-free-GPA-CDN-for-ExtJS-6-l&p=1115697&viewfull=1#post1115697中找到
在jsfiddle中-https://jsfiddle.net/Elunyfay/7v0uo2w6/7/
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all-debug.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-triton/resources/theme-triton-all-debug.css">
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-triton/theme-triton-debug.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/packages/charts/classic/charts-debug.js"></script>
<link type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/packages/charts/classic/classic/resources/charts-all-debug.css">
...
答案 5 :(得分:0)
对于使用开放工具的ExtJS 6.x,您必须手动安装图表模块
npm install @sencha/ext-charts
(不要使用-g
标志,因为Sencha CMD会在源文件夹中搜索文件)
然后添加
"requires": [
"charts"
],
到您的app.json文件。