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

Question

这是关于 ExtJs5 的问题charts.I更改条形图的标签时遇到问题。

代码如下：

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'字段是一个对象而不是字符串。 渲染器在系列标签 returns我想要的值，但标签仍然是[object Object]！

Answer 1

类别下的标签（代码中的 x 轴）由 'category' 而非下面的 series.Try 代码呈现：

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

对了，我又发现了一个问题。海图商店不管有多少款，只显示第一条！

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

How to change the label of bar chart in Extjs5?

javascript

charts

extjs

extjs5