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;
                }
            }
        }]
    });

你一定注意到'pet'字段是一个对象而不是一个字符串。 系列标签中的渲染器会返回我想要的值，但标签仍为[object Object]！

Answer 1

类别下的标签（代码中的x轴）由＆＃39;类别＆＃39;呈现。不是系列。请尝试以下代码：

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

顺便说一下，我发现了另一个问题。无论图表商店中有多少型号，都只显示第一个条形图！

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

1 个答案: