Charts 如何在Extjs 4中的组折线图中显示提示?

Charts 如何在Extjs 4中的组折线图中显示提示?,charts,extjs4,line,Charts,Extjs4,Line,我正在使用EXTJS 4.0,我想在用户移动到我的折线图时显示提示我已经创建了组折线图,也创建了丰富的提示,但现在我的问题是,当我为每个系列创建提示并在浏览器中运行时,我得到了四个折线图中三个的空白提示,但第四个折线图显示了正确的丰富提示。我的示例代码是: 面板和折线图的代码: var ChequesDetailsChartsMonthWiseWin=Ext.create('Ext.panel.panel'{ 宽度:800, 身高:600, 隐藏:假, id:'ChequesDetailsCha

我正在使用EXTJS 4.0,我想在用户移动到我的折线图时显示提示我已经创建了组折线图,也创建了丰富的提示,但现在我的问题是,当我为每个系列创建提示并在浏览器中运行时,我得到了四个折线图中三个的空白提示,但第四个折线图显示了正确的丰富提示。我的示例代码是:

面板和折线图的代码:

var ChequesDetailsChartsMonthWiseWin=Ext.create('Ext.panel.panel'{
宽度:800,
身高:600,
隐藏:假,
id:'ChequesDetailsChartsMonthWiseWinId',
标题:“折线图”,
renderTo:Ext.getBody(),
布局:“适合”,
项目:{
xtype:'图表',
风格:“背景:#fff”,
动画:对,
商店:Chequesdailslinechartsmonthwise商店,
影子:没错,
主题:“类别1”,
图例:{
位置:'右'
},
轴线:[{
键入:“数值”,
最低:0,
位置:'左',
字段:[“酬金”、“计划费用”、“资产金额”、“人力资源”],
标题:“金额(卢比)”,
Minortick步骤:1,
网格:{
奇数:{
不透明度:1,
填写:“#ddd”,
笔划:“#bbb”,
“笔划宽度”:0.5
}
}
}, {
类型:'类别',
位置:'底部',
字段:[“月”],
标题:“年度月份”
}],
系列:[{
键入:“行”,
亮点:{
尺码:7,
半径:7
},
轴:'左',
平滑:是的,
xField:“月”,
伊菲尔德:“酬金”,
markerConfig:{
键入:“圆”,
尺寸:4,
半径:4,
“笔划宽度”:0
},
小贴士:{
轨迹鼠标:是的,
宽度:600,
身高:170,
布局:“适合”,
项目:{
xtype:'容器',
布局:“hbox”,
项目:[图表、表格]
},
渲染器:函数(storeItem,item){
//警报(storeItem.get('month');
chequesdeailspiechartgridmonthwisestore.clearFilter();
chequesdailspiechartgridmonthwisestore.filter('month',storeItem.get('month');
chequesdeailspiechartgridmonthwisestore.filter('HeadName','resumium');
this.setTitle(“关于“+”酬金-月份的信息:'+storeItem.get('Month'));
}
}//提示到此结束
}, {
键入:“行”,
亮点:{
尺码:7,
半径:7
},
轴:'左',
平滑:是的,
xField:“月”,
yField:“项目费用”,
markerConfig:{
键入:“圆”,
尺寸:4,
半径:4,
“笔划宽度”:0
},
小贴士:{
轨迹鼠标:是的,
宽度:600,
身高:170,
布局:“适合”,
项目:{
xtype:'容器',
布局:“hbox”,
项目:[图表、表格]
},
渲染器:函数(storeItem,item){
//警报(storeItem.get('month');
chequesdeailspiechartgridmonthwisestore.clearFilter();
chequesdailspiechartgridmonthwisestore.filter('month',storeItem.get('month');
chequesdeailspiechartgridmonthwisestore.filter('HeadName','programmexpenses');
this.setTitle(“关于“+”计划费用的信息-月份:“+storeItem.get('Month'));
}
}//提示到此结束
}, {
键入:“行”,
亮点:{
尺码:7,
半径:7
},
轴:'左',
平滑:是的,
//填充:是的,
xField:“月”,
yField:“资产金额”,
markerConfig:{
键入:“圆”,
尺寸:4,
半径:4,
“笔划宽度”:0
},
小贴士:{
轨迹鼠标:是的,
宽度:600,
身高:170,
布局:“适合”,
项目:{
xtype:'容器',
布局:“hbox”,
项目:[图表、表格]
},
渲染器:函数(storeItem,item){
//警报(storeItem.get('month');
chequesdeailspiechartgridmonthwisestore.clearFilter();
chequesdailspiechartgridmonthwisestore.filter('month',storeItem.get('month');
chequesdeailspiechartgridmonthwisestore.filter('HeadName','Assets Amount');
this.setTitle(“有关“+”资产金额-月份的信息:“+storeItem.get('Month'));
}
}//提示到此结束
}, {
键入:“行”,
亮点:{
尺码:7,
半径:7
},
轴:'左',
平滑:是的,
//填充:是的,
xField:“月”,
yField:“人力资源”,
markerConfig:{
键入:“圆”,
尺寸:4,
半径:4,
“笔划宽度”:0
},
小贴士:{
轨迹鼠标:是的,
宽度:600,
身高:170,
布局:“适合”,
项目:{
xtype:'容器',