Блог

Главная - Вопросы по программированию - Проблема с графиками ExtJS 5

Проблема с графиками ExtJS 5

#javascript #extjs #extjs5

#javascript #extjs #extjs5

Вопрос:

Я новичок в 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.

Ответ №1:

с помощью 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.json — и доступен.

Ответ №2:

Если вы используете ext-all-debug.js внутри тега script для быстрой и грязной среды разработки, вам действительно нужно добавить другой тег script для библиотеки диаграмм.

Файл, который вам, вероятно, нужен, sencha-charts-debug.js и вы можете найти его в ../ext-5.0.0/packages/sencha-charts/build

Возможно, вам придется создать его самостоятельно из ../ext-5.0.0/packages/sencha-charts каталога с:

 ant build

Ответ №3:

если вы хотите использовать диаграммы extjs, используйте ‘ext-charts’ или, если вы хотите, добавьте сенсорные диаграммы sencha

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

внутри app.json и запустите следующий cmd из корневого терминала вашего приложения

 sencha app refresh amp;amp; sencha app build

Ответ №4:

Если вы не используете SenchaCmd или просто хотите использовать ресурсы диаграммы для тестирования или на ранней стадии разработки, вы можете вручную использовать CSS и JS и включить их на свою страницу.

Следующее предполагает тему «нептун» для css, но стили «классический» и «четкий» также будут работать.

 <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>