Как изменить метку гистограммы в 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;
                }
            }
        }]
    });

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


javascript charts extjs extjs5
person happyyangyuan    schedule 03.04.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Ярлыки под категорией (ось x в вашем коде) отображаются по «категории», а не по серии. Попробуйте код ниже:

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

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

person happyyangyuan    schedule 03.04.2015