0

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. 4 つではなく 5 つの日付ラベルがあります
  2. 3 番目の値は 1.5 ですが、y 軸の制限は調整されていません
  3. ラベルの間の隙間にラベルを配置する方法はありますか?
4

1 に答える 1

1
  1. type: 'Time'連続した時間軸を構築し、任意の場所にラベルを配置する X 軸に使用しました。列ごとに 1 つのラベルが必要な場合はtype: 'Category'、日付値の代わりに文字列値を使用してフォーマットします。
  2. Y 軸を に置き換えfields: ['value']てfields: ['duration']、ストア内のフィールドと同じ名前になるようにします。
  3. フレームワークはそのような構成を提供していません。ドキュメントには見つかりませんでした。
于 2014-03-28T18:08:59.947 に答える