Диаграмма времени ExtJs с неверными метками
Что не так с диаграммами ExtJS 4.0.7? В этой скрипке: http://jsfiddle.net/JPEEv/377/
var store = Ext.create('Ext.data.Store', {
storeId: 'MyStore',
fields: [{
name: 'date', type: 'date'
},{
name: 'duration', type: 'float'
}],
data: [
{ date: new Date(2014,1,1), duration: 0.3},
{ date: new Date(2014,1,2), duration: 0.2},
{ date: new Date(2014,1,3), duration: 1.5},
{ date: new Date(2014,1,4), duration: 0.7}
]
});
var chart = Ext.widget('chart', {
renderTo: Ext.getBody(),
width: 800,
height: 400,
store: 'MyStore',
axes: [{
type: 'Time',
position: 'bottom',
fields: ['date'],
dateFormat: 'd.M'
}, {
type: 'Numeric',
position: 'left',
fields: ['value']
}],
series: [{
type: 'column',
axis: ['left'],
xField: 'date',
yField: 'duration'
}]
});
- есть 5 ярлыков даты вместо 4
- третье значение 1,5, но предел оси Y не регулируется
- Есть ли способ разместить метки в промежутках между метками?
1 ответ
Решение
- Ты использовал
type: 'Time'
для вашей оси X, которая строит непрерывную ось времени и размещает метки в произвольных местах. Если вы хотите 1 ярлык на столбец, используйтеtype: 'Category'
и форматировать строковые значения вместо значений даты. - Для оси Y заменить
fields: ['value']
отfields: ['duration']
так что оно имеет то же имя, что и ваше поле в магазине. - Фреймворк не предоставляет такой конфигурации, я не нашел ее в их документации.