値がextjsの折れ線グラフで正しく表示されませんか？

Question

結果がline chartでレンダリングされるのに問題があります列が正しく描画されていますが、行が表示されません。どのように描画する必要がありますか？0 xpointに描画され、2番目の描画も想定されています。 5であることをして2での引き分けとき： ここでは私のコードです：あなたの軸の定義では

panel3 = Ext.create('widget.panel', { 

    width: 600, 
    height: 200, 
    frame: false, 
    renderTo: 'line', 
    layout: 'fit', 
    items: { 
     xtype: 'chart', 
     animate: false, 
     store: storeline, 
     insetPadding: 20, 
     gradients: [{ 
      angle: 90, 
      id: 'bar-gradient', 
      stops: { 
       0: { 
        color: '#99BBE8'//C12283 
       }, 
       70: { 
        color: '#77AECE' 
       }, 
       100: { 
        color: '#77AECE' 
       } 
      } 
     }], 
     axes: [{ 
      type: 'Numeric', 
      minimum: 0, 
      maximum: 10, 
      position: 'left', 
      fields: ['data1'], 
      title: false, 
      grid: true, 
      label: { 
       renderer: Ext.util.Format.numberRenderer('0,0'), 
       font: '10px Arial' 
      } 
     }, { 
      type: 'Category', 
      position: 'bottom', 
      fields: ['name'], 
      title: false, 
      grid: true, 
      label: { 
       font: '11px Arial', 
       rotate: { 
        degrees: 300 
       } 
      } 
     }], 
     series: [{ 
      type: 'column', 
      axis: 'left', 
      xField: 'name', 
      yField: 'data1', 
       display: 'over', 
      style: { 
       fill: 'url(#bar-gradient)', 
       'stroke-width': 30 
      } , 
      markerConfig: { 
       type: 'circle', 
       size: 4, 
       radius: 4, 
       'stroke-width': 20, 
       fill: '#38FFFF', 
       stroke: '#38B8BF' 
      } 
     }, 
     { 
      type: 'line', 
      axis: 'left', 
      xField: 'name', 
      yField: 'data2', 
      tips: { 
       trackMouse: true, 
       width: 110, 
       height: 25, 
       //baseCls: 'customtip', //bodyStyle: 'background:#6cc; ', 
       renderer: function (storeItem, item) { 
        this.setTitle(storeItem.get('name') + ' : ' + storeItem.get('data2')); 
       } 
      }, 
      style: { 
       fill: '#18428E', 
       stroke: '#18428E', 
       'stroke-width': 3 
      }, 
      markerConfig: { 
       type: 'circle', 
       size: 5, 
       radius: 5, 
       'stroke-width': 0, 
       fill: '#18428E', 
       stroke: '#18428E' 
      } 
     }] 
    } 

}); 

Answer 1

に

fields: ['data1'], 

を変更してみてください

fields: ['data1', 'data2'], 

また、data2フィールドにロードされるデータが実際の整数であることも確認してください。 ExtJsは文字列として読み取っている可能性があり、左軸の値と一致させることができません。