Extjs4如何在工具提示中使用XTemplate

我有一个带有工具提示的图表，我真正想做的是，我需要使用XTemplate为工具提示设置标题，如下所示：

tips = { 
    trackMouse: true,
    width: 120,
    height: 23,
    renderer: function(storeItem, item) {
        var myTemplate = new Ext.XTemplate('<p> {Value} </p>')
        myTemplate.overwrite(this.title, {
            Value : storeItem.get(Field)
        });
    }
}

tips={
轨迹鼠标：是的，
宽度：120，
身高：23，
渲染器：函数（storeItem，item）{
var myTemplate=new Ext.XTemplate（“{Value}
”）
myTemplate.overwrite（this.title{
值：storeItem.get（字段）
});
}
}

但它显示的错误像“标记名”是空的，有人能给我解决这个问题的方法吗。如何获取该提示的div id以及如何设置工具提示的标题

谢谢你试试这个

无XTemplate

renderer: function(storeItem, item) {
    this.setTitle(Ext.String.format('<p>{0}</p>', storeItem.get(**title field name**));
}

渲染器：函数（storeItem，item）{
这个.setTitle（Ext.String.format（'{0}
'，storeItem.get（**title字段名**））；
}

带XTemplate

renderer: function(storeItem, item) {
    var tpl = Ext.create('Ext.XTemplate', '<p>', '{Value}', '</p>');

    this.setTitle(tpl.apply({
        Value: storeItem.get(**title field name**)
    }));
}

渲染器：函数（storeItem，item）{
var tpl=Ext.create（'Ext.XTemplate'，''，'{Value}'，'
'）；
此.setTitle（tpl.apply({
值：storeItem.get（**标题字段名**）
}));
}

正在工作，但速度太慢：（工具提示将在一段时间后出现）您还可以设置和延迟