Css Ext5：悬停时饼图被切断

我使用的是Ext5饼图。 当我将鼠标悬停在饼图上时，它被切断

饼图的代码如下所示

{
                 type: 'pie',
                 field: 'item1',
                 renderer: function(sprite, config, rendererData, index) { 
                   var record = rendererData.store.getAt(rendererData.series.sprites.indexOf(sprite));     
                   var name = record.get('name');
                   if(chartObj.baseThemeColors[name]){
                      var color = chartObj.baseThemeColors[name];
                   } else {
                      color = chartObj.getRandomColor();
                      chartObj.baseThemeColors[name] = color;
                   }
                   return Ext.apply(rendererData, {
                      fill: color
                   });                 
                   return rendererData;
               },
                subStyle: {
                    strokeStyle: 'white',
                    insertPadding: '50',
                    lineWidth: '0.5'
                },             
               highlight: {
                  segment: {
                    margin: 20
                  }
                },
                tooltip: {
                  trackMouse: true,
                  width: 'auto',
                  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.setTitle(tipText);

                    }
                  }
                },
               label: {
                    field: 'name',
                    display: 'rotate',
                    font: '14px Arial',
                    renderer: function(text, sprite, config, rendererData, index){
                        var item = rendererData.store.getAt(index);        
                        var total = 0,
                        idType = item.get('type'),
                        labelText = "";
                        chartStore.each(function(rec) {
                            total += rec.get('item1');
                        });

                        if(item.get('item1') == 0){
                            labelText = '';
                        } else {
                            var pct = ((item.get('item1') / total) * 100).toFixed(0);         
                            if(pct>1){ 
                                labelText = text + ' ' + pct+'%';
                            } else {
                                labelText = '';
                            }
                        }                           
                        return labelText;   
                      }                                               
                }
            }

{
键入“pie”，
字段：'item1'，
渲染器：函数（精灵、配置、渲染器数据、索引）{
var record=rendererData.store.getAt（rendererData.series.sprites.indexOf（sprite））；
var name=record.get（'name'）；
if（chartObj.baseThemeColors[名称]）{
var color=chartObj.baseThemeColors[名称]；
}否则{
color=chartObj.getRandomColor（）；
chartObj.baseThemeColors[名称]=颜色；
}
返回Ext.apply（渲染器数据{
填充：颜色
});                 
返回渲染器数据；
},
子样式：{
strokeStyle:“白色”，
插入填充：“50”，
线宽：“0.5”
},             
亮点：{
部分：{
差额：20
}
},
工具提示：{
轨迹鼠标：是的，
宽度：“自动”，
身高：40，
渲染器：函数（storeItem，item）{
//计算百分比。
var合计=0；
var idType=storeItem.get（'type'）；
chartStore.each（功能（rec）{
总计+=记录获取（'item1'）；
});
if（storeItem.get（'item1'）==0）{
本条。设定标题（“”）；
}否则{
var pct=（（storeItem.get（'item1'）/总计）*100.toFixed（0）；
var tipText=pct+'%（'+storeItem.get（'item1'）++'的'+total+'）
'+storeItem.get（'name'））
这个.setTitle（tipText）；
}
}
},
标签：{
字段：“名称”，
显示：“旋转”，
字体：“14px Arial”，
渲染器：函数（文本、精灵、配置、渲染器数据、索引）{
var item=rendererData.store.getAt（索引）；
var总计=0，
idType=item.get（'type'），
labelText=“”；
chartStore.each（功能（rec）{
总计+=记录获取（'item1'）；
});
if（item.get（'item1'）==0）{
labelText=''；
}否则{
var pct=（（item.get（'item1'）/总计）*100.toFixed（0）；
如果（pct>1）{
labelText=text+''+pct+'%；
}否则{
labelText=''；
}
}                           
返回标签文本；
}                                               
}
}

这是问题的图像。

正如你们所看到的，当鼠标悬停时，“负片”的顶部被切掉了。在悬停时，我无法删除该切片移动动画。 有什么解决办法吗？ 提前感谢。

尝试设置 轨迹鼠标：错误 而不是

---

trackMouse:true

签入浏览器开发人员工具（F12），包含饼图的元素可能具有有限的高度？？？。尝试给出溢出：元素可见或增加高度。我认为这将解决您的问题。删除“突出显示”配置如何？我已修复该问题。在图表中添加了填充。@KrishnalalP您能在这里发布您的答案吗，因为我有同样的问题，添加填充可以解决问题