Диаграмма времени 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'
  }]
});
  1. есть 5 ярлыков даты вместо 4
  2. третье значение 1,5, но предел оси Y не регулируется
  3. Есть ли способ разместить метки в промежутках между метками?

1 ответ

Решение
  1. Ты использовал type: 'Time' для вашей оси X, которая строит непрерывную ось времени и размещает метки в произвольных местах. Если вы хотите 1 ярлык на столбец, используйте type: 'Category' и форматировать строковые значения вместо значений даты.
  2. Для оси Y заменить fields: ['value'] от fields: ['duration'] так что оно имеет то же имя, что и ваше поле в магазине.
  3. Фреймворк не предоставляет такой конфигурации, я не нашел ее в их документации.
Другие вопросы по тегам