Как изменить метку гистограммы в Extjs5?

Question

Это что-то о диаграммах ExtJs5. У меня проблемы с заменой ярлыков гистограмм.

коды, как показано ниже:

Ext.create('Ext.chart.CartesianChart', { 
     store: { 
      fields: ['pet', 'households', 'total'], 
      data: [{ 
       pet: {name:'Cats'}, 
       households: 38, 
       total: 93 
      }] 
     }, 
     axes: [{ 
      type: 'numeric', 
      position: 'left' 
     }, { 
      type: 'category', 
      position: 'bottom' 
     }], 
     series: [{ 
      type: 'bar', 
      xField: 'pet', 
      yField: 'households', 
      label:{ 
       field:'pet', 
       renderer:function(pet){ 
        return 'Dear '+pet.name; 
       } 
      } 
     }] 
    }); 

Вы должны были заметить, что поле «животное» является объектом вместо строки. renderer в строке серии возвращает значение, которое я хочу, но метка все еще [объект Object]!

Answer 1

Этикетки под категории (ось х в коде) визуализируются на «категории» не код series.Try ниже:

{ 
    type: 'category', 
    position: 'bottom', 
    renderer:function(label){ 
    return label.name;//the var 'label' represents the pet object. 
    } 
} 

Кстати, я нашел еще одну проблему. Независимо от того, сколько моделей доступно в магазине диаграмм, отображается только первая строка!