Extjs 5: подсказка не работает для диаграммы

Question

Я использую Extjs 5. Всплывающая подсказка не работает для моей диаграммы. Я прочитал, что есть некоторые проблемы в tooltip в ext5. И я попробовал это все, как

1. советы -> Подсказка
2. SETTITLE -> setHtml
3. Добавление 'взаимодействия'

Вот как это выглядит прямо сейчас.

Вот мой код:

 highlight: { 
      segment: { 
      margin: 20 
      } 
     }, 
     tooltip: { 
      trackMouse: true, 
      width: 'auto', 
      interactions: [{ 
      type: 'itemhighlight' 
      }], 
      height: 40, 
      renderer: function(storeItem, item) { 
      //calculate percentage. 
      var total = 0; 
      var idType = storeItem.get('type'); 
      chartStore.each(function(rec) { 
       total += rec.get('item1'); 
      }); 
      if(storeItem.get('item1') == 0){ 
       this.setTitle(''); 
      }else { 
       var pct = ((storeItem.get('item1')/total) * 100).toFixed(0); 
       var tipText = pct + '% (' + storeItem.get('item1') + ' of ' + total + ')<br/>' + storeItem.get('name') 
       this.setHtml(tipText); 

      } 
      } 
     }, 

Есть ли исправить это?

Answer 1

Я вижу проблему в форуме в сенча https://www.sencha.com/forum/showthread.php?303423-ExtJS-6.0.0-Documentation-bug-Ext.chart.series.Series.tooltip , вы можете попробовать это:

tooltip:{ 
    trackMouse:true, 
    width:140, 
    height:28, 
    scope: this, 
    renderer:function(toolTip, storeItem, item){ 
    toolTip.setHtml(storeItem.get('name')+': '+ storeItem.get('data1')+' views'); 
    } 
}