Подсказка не отображается под текущей позицией мыши EXTJS

Question

Я пытаюсь запустить этот образец с сайта sencha extjs. Круговая диаграмма визуализируется, но всплывающая подсказка не отображается под текущей позицией мыши. Он отображается либо в верхнем левом, либо в нижнем левом углу страницы. Кто-нибудь столкнулся с этой проблемой и как ее исправить?

var store = Ext.create('Ext.data.JsonStore', { 
    fields: ['name', 'data'], 
    data: [ 
     { 'name': 'metric one', 'data': 10 }, 
     { 'name': 'metric two', 'data': 7 }, 
     { 'name': 'metric three', 'data': 5 }, 
     { 'name': 'metric four', 'data': 2 }, 
     { 'name': 'metric five', 'data': 27 } 
    ] 
}); 

Ext.create('Ext.chart.Chart', { 
    renderTo: 'chart', 
    width: 500, 
    height: 350, 
    animate: true, 
    store: store, 
    theme: 'Base:gradients', 
    series: [{ 
     type: 'pie', 
     angleField: 'data', 
     showInLegend: true, 
     tips: { 
      trackMouse: true, 
      width: 140, 
      height: 28, 
      renderer: function(storeItem, item) { 
       // calculate and display percentage on hover 
       var total = 0; 
       store.each(function(rec) { 
        total += rec.get('data'); 
       }); 
       this.setTitle(storeItem.get('name') + ': ' + Math.round(storeItem.get('data')/total * 100) + '%'); 
      } 
     }, 
     highlight: { 
      segment: { 
       margin: 20 
      } 
     }, 
     label: { 
      field: 'name', 
      display: 'rotate', 
      contrast: true, 
      font: '18px Arial' 
     } 
    }] 
}); 

Answer 1

Пример работает отлично на сайте сенча с ExtJS версии 4.1.3 здесь:

http://docs.sencha.com/extjs/4.1.3/#!/example/charts/Pie.html

Просьба представить более подробную информацию о том, какие версии Сенча ExtJS вы используете и браузер детали так, что кто-то может помочь. Это может быть проблема с браузером.