显示在联想

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']

这里是一个