Javascript 离开系列时销毁剑道ui图表工具提示
我想在离开系列时销毁剑道ui图表工具提示,因为剑道有默认的始终处于活动状态的工具提示功能,它显示了我不想要的系列先前的值,所以我想通过类似的任何两种方式销毁工具提示。1> 删除一次,使图表条形图系列或2>工具提示仅在我将鼠标悬停在条形图系列上时显示 我尝试下面的代码,但它不工作Javascript 离开系列时销毁剑道ui图表工具提示,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,我想在离开系列时销毁剑道ui图表工具提示,因为剑道有默认的始终处于活动状态的工具提示功能,它显示了我不想要的系列先前的值,所以我想通过类似的任何两种方式销毁工具提示。1> 删除一次,使图表条形图系列或2>工具提示仅在我将鼠标悬停在条形图系列上时显示 我尝试下面的代码,但它不工作 if (response.CampaignUploadSummaryItems[i].HasCampaignCostDataUploadSummary) { var chartDa
if (response.CampaignUploadSummaryItems[i].HasCampaignCostDataUploadSummary) {
var chartDataOptions = {
dataSource: { data: response.CampaignUploadSummaryItems[i].CampaignCostDataUploadSummary },
categoryAxis: [{
field: 'Station',
majorGridLines: { visible: false },
line: { visible: true },
minorGridLines: { visible: false },
labels: { rotation: 'auto' }
}],
series: [{ field: 'OldGrossBudget', name: 'Old Gross Budget', axis: 'left' },
{ field: 'NewGrossBudget', name: 'New Gross Budget', axis: 'left' }],
valueAxis: { name: 'left', title: { text: 'Gross Budget' }, labels: { format: '{0:#,#.##}' } },
legend: { item: { visual: chartLegend } },
tooltip: { visible: false },
seriesHover: function (e) {
var htmlData = getToolTipTemplate(e);
var tdClass = e.series.name.replace(/[^A-Za-z0-9]+/g, '');
onSeriesHover(tdClass, htmlData, e.sender.element.attr('id'));
}
};
$.extend(true, chartOptions, chartDataOptions);
$('#costChart' + response.CampaignUploadSummaryItems[i].CampaignID).kendoChart(chartOptions);
}
if (response.CampaignUploadSummaryItems[i].HasCampaignSpotDataUploadSummary) {
var chartDataOptions = {
dataSource: { data: response.CampaignUploadSummaryItems[i].CampaignSpotDataUploadSummary },
series: [{ field: 'OldImpacts', name: 'Old Impacts', type: 'column', axis: 'left' },
{ field: 'NewImpacts', name: 'New Impacts', type: 'column', axis: 'left' },
{ field: 'OldSpotCounts', name: 'Old Spot Counts', type: 'line', axis: 'right' },
{ field: 'NewSpotCounts', name: 'New Spot Counts', type: 'line', axis: 'right' }
],
valueAxis: [{ name: 'left', title: { text: 'Impacts' }, labels: { format: '{0:#,#.##}' } },
{ name: 'right', title: { text: 'Spot Count' }, labels: { format: '{0:#,#}' } }],
legend: { item: { visual: chartLegend } },
categoryAxis: {
axisCrossingValue: [0, 10000],
field: 'DateString',
majorGridLines: { visible: false },
line: { visible: true },
minorGridLines: { visible: false },
labels: { rotation: 'auto' }
},
tooltip: { visible: false },
seriesHover: function (e) {
var htmlData = getToolTipTemplate(e);
var tdClass = e.series.name.replace(/[^A-Za-z0-9]+/g, '');
onSeriesHover(tdClass, htmlData, e.sender.element.attr('id'));
}
}
$.extend(true, chartOptions, chartDataOptions);
$('#spotChart' + response.CampaignUploadSummaryItems[i].CampaignID).kendoChart(chartOptions);
}
}
尝试下面的代码,但什么都没有发生
seriesLeave: function(e){
this.hideTooltip();
},
seriesOver: function(e){
var category = e.category;
var value = e.value;
this.showTooltip(function(point) {
return point.value == value && point.category == category;
});
}