Javascript 如何更改Extjs5中条形图的标签？

这是关于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;
                }
            }
        }]
    });

您一定注意到字段“pet”是一个对象而不是字符串。

---

序列标签中的渲染器返回我想要的值，但标签仍然是[object]

代码中categoryx轴下的标签由“category”而不是序列呈现。请尝试下面的代码：

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

顺便说一下，我发现了另一个问题。无论图表存储中有多少个模型，都只显示第一个栏