javascript - ExtJs 时间图显示不正确的标签

Question

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. 有没有办法在标签之间的间隙中放置标签？

Answer 1

1. 您用于type: 'Time'构建连续时间轴并将标签放置在任意位置的 X 轴。如果您希望每列有 1 个标签，请使用type: 'Category'和格式化字符串值而不是日期值。
2. 对于 Y 轴，替换fields: ['value']为fields: ['duration']使其与商店中的字段名称相同。
3. 框架没有提供这样的配置，我在他们的文档中没有找到。