Стоит задача - рисовать графики при помощи функционала extjs.
Подключил extjs, jquery, и сам js файл:
<script src="ext-6/build/jquery-3.2.1.min.js"> </script>
<script src="ext-all.js"></script>
<script src="app.js"></script>
В app.js использовал такой код:
Ext.create('Ext.chart.Chart', {
renderTo: document.body,
width: 500,
height: 500,
flipXY: true,
store: {
fields: ['name', 'g1', 'g2'],
data: [
{"name": "Item-0", "g1": 18.34,"g2": 0.04},
{"name": "Item-1", "g1": 2.67, "g2": 14.87},
{"name": "Item-2", "g1": 1.90, "g2": 5.72},
{"name": "Item-3", "g1": 21.37,"g2": 2.13},
{"name": "Item-4", "g1": 2.67, "g2": 8.53},
{"name": "Item-5", "g1": 18.22,"g2": 4.62},
{"name": "Item-6", "g1": 28.51, "g2": 12.43},
{"name": "Item-7", "g1": 34.43, "g2": 4.40},
{"name": "Item-8", "g1": 21.65, "g2": 13.87},
{"name": "Item-9", "g1": 12.98, "g2": 35.44},
{"name": "Item-10", "g1": 22.96, "g2": 38.70},
{"name": "Item-11", "g1": 0.49, "g2": 51.90},
{"name": "Item-12", "g1": 20.87, "g2": 62.07},
{"name": "Item-13", "g1": 25.10, "g2": 78.46},
{"name": "Item-14", "g1": 16.87, "g2": 56.80}
]
},
//set legend configuration
legend: {
docked: 'right'
},
axes: [{
type: 'numeric',
position: 'bottom',
grid: true,
minimum: 0
}, {
type: 'category',
position: 'left'
}],
series: [{
type: 'bar',
xField: 'name',
yField: ['g1', 'g2'],
axis: 'bottom',
subStyle: {
fill: ["#115fa6", "#94ae0a"]
}
}]});
Но при попытке просмотра, выдает такую ошибку:
GET http://localhost:8082/Ext/chart/Chart.js?_dc=1496067169637 404 (Not Found) VM524:3 Uncaught TypeError: c is not a constructor at eval (eval at getInstantiator (ext-all.js:19), :3:8) at Object.create (ext-all.js:19) at app.js:1
Пытался создавать папки, кидать в них chart/chart.js и т.п. - ничего не помогло.
Надеюсь на вашу помощь.
вроде бы скрипту нужен файл с большой буквы Chart.js. Может в этом проблема?
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники