ExtJS, отображающее название поля внутри диаграммы

Question

Рассмотрите следующие таблицы: example. Я могу отображать счетчик каждого из полей (комедия, действие, драма, триллер) в барах, добавляя конфигурацию меток в серию, но как бы я также отображал имя поля ?. Свойство конфигурации рендеринга для метки не очень полезно, поскольку функция получает только аргумент count.

label:{ 
    display:'insideStart' , 
    field:[null, null, 'drama', 'thriller'], 
    renderer:function(item){ 
    //For this case, item will be an int value. Thus, not sure how useful it is 
    //as we cannot get the field name from it. 
    }   
} 

Answer 1

На самом деле, функция визуализации передается a lot more arguments, чем просто значение. Эти аргументы такие же, как и метод onPlaceLabel, со значением, добавленным к началу, и они лучше документированы там.

Мы получили index поля в серии и, по сути, мы имеем series также доступна в item аргумента. При том, что мы можем достичь того, чего вы хотите:

label: { 
    display:'insideStart' 
    ,field:[null, null, 'drama', 'thriller'] 
    ,renderer: function(value, label, storeItem, item, i, display, animate, index) { 
     var series = item.series, 
      titles = series.title; 
     return titles && titles[index] || series.yField[index]; 
    } 
} 

Я пытаюсь получить титул первой, потому что в реальной жизни, я бы не отображать необработанное имя поля для пользователя. Для записи, вот как будет настроена вся серия для этого. Он не отображается в документе, за исключением комментария пользователя ...

series: [{ 
    type: 'bar', 
    axis: 'bottom', 
    gutter: 80, 
    xField: 'year', 
    yField: ['comedy', 'action', 'drama', 'thriller'], 
    title: ['Comédie', 'Action', 'Drame', 'Thriller'], 
    stacked: true, 
    label: { 
     display:'insideStart' 
     ,field:[null, null, 'drama', 'thriller'] 
     ,renderer: function(value, label, storeItem, item, i, display, animate, index) { 
      var series = item.series, 
       titles = series.title; 
      return titles && titles[index] || item.yField; 
     } 
    } 
}]