顯示在聯想

Question

不同的文本這是關於版本4.2.2 我們有這樣

var store = Ext.create('Ext.data.JsonStore', { 
    fields: ['name', 'data'], 
    data: [ 
     { 'name': 'metric one', 'data':10 }, 
     { 'name': 'metric two', 'data':27 } 
    ] 
}); 

Ext.create('Ext.chart.Chart', { 
    renderTo: Ext.getBody(), 
    width: 500, 
    height: 300, 
    animate: true, 
    store: store, 
    legend: { 
     position: 'right' 
    }, 
    axes: [ 
     { 
      type: 'Numeric', 
      position: 'left', 
      fields: ['data'], 
      label: { 
       renderer: Ext.util.Format.numberRenderer('0,0') 
      }, 
      title: 'Sample Values', 
      grid: true, 
      minimum: 0 
     }, 
     { 
      type: 'Category', 
      position: 'bottom', 
      fields: ['name'], 
      title: 'Sample Metrics' 
     } 
    ], 
    series: [ 
     { 
      type: 'column', 
      axis: 'left', 
      highlight: true, 
      tips: { 
       trackMouse: true, 
       width: 140, 
       height: 28, 
       renderer: function(storeItem, item) { 
       this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data') + ' $'); 
       } 
      }, 
      label: { 
       display: 'insideEnd', 
       'text-anchor': 'middle', 
       field: 'data', 
       renderer: Ext.util.Format.numberRenderer('0'), 
       orientation: 'vertical', 
       color: '#333' 
      }, 
      xField: 'name', 
      yField: 'data' 
     } 
    ] 
}); 

圖表但是聯想只顯示字段名這是不是非常有幫助。我們需要在這裏應用一個應該是靜態類型的自定義值。但是我們沒有發現這樣做。有一個財產，但我們發現沒有legendText或displayText道具，這可能會允許我們將名稱從data更改爲A much better Name。

編輯 實施例更日期圖例

Ext.application({ 
    name : 'Fiddle', 

    launch : function() { 
     var store = Ext.create('Ext.data.JsonStore', { 
    fields: ['name', 'data', 'data2'], 
    data: [ 
     { 'name': 'metric one', 'data':10, 'data2':2 }, 
     { 'name': 'metric two', 'data':27, 'data2': 5 } 
    ] 
}); 

Ext.create('Ext.chart.Chart', { 
    renderTo: Ext.getBody(), 
    width: 500, 
    height: 300, 
    animate: true, 
    store: store, 
    legend: { 
     position: 'right' 
    }, 
    axes: [ 
     { 
      type: 'Numeric', 
      position: 'left', 
      fields: ['data','data2'], 
      label: { 
       renderer: Ext.util.Format.numberRenderer('0,0') 
      }, 
      title: 'Sample Values', 
      grid: true, 
      minimum: 0 
     }, 
     { 
      type: 'Category', 
      position: 'bottom', 
      fields: ['name'], 
      title: 'Sample Metrics' 
     } 
    ], 
    series: [ 
     { 
      type: 'column', 
      axis: 'left', 
      highlight: true, 
      stacked: true, 
      tips: { 
       trackMouse: true, 
       width: 140, 
       height: 28, 
       renderer: function(storeItem, item) { 
       this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data') + ' $'); 
       } 
      }, 
      label: { 
       display: 'insideEnd', 
       'text-anchor': 'middle', 
       field: 'data', 
       renderer: Ext.util.Format.numberRenderer('0'), 
       orientation: 'vertical', 
       color: '#333' 
      }, 
      xField: 'name', 
      yField: ['data','data2'], 
      title:'YourNewLabel' 
     } 
    ] 
}); 
    } 
}); 

Answer 1

內顯示可以使用title改變label在圖例中。查看我使用示例代碼創建的this fiddle。

series: [ 
     { 
      type: 'column', 
      axis: 'left', 
      highlight: true, 
      tips: { 
       trackMouse: true, 
       width: 140, 
       height: 28, 
       renderer: function(storeItem, item) { 
       this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data') + ' $'); 
       } 
      }, 
      label: { 
       display: 'insideEnd', 
       'text-anchor': 'middle', 
       field: 'data', 
       renderer: Ext.util.Format.numberRenderer('0'), 
       orientation: 'vertical', 
       color: '#333' 
      }, 
      xField: 'name', 
      yField: 'data', 
      title:'YourNewLabel' 
     } 

更新：如果您有提供相應職稱的array多個場。例如：

title:['My First Field','My Second Field']

這裏是一個