[英]Event does not fire up in Kendo
mouse hover
事件不会触发。 我无法弄清楚
function createChart() {
$("#chart")
.kendoChart({
xAxis: {},
yAxis: {},
seriesDefaults: {type: "scatterLine" },
series: [{data: stats2}],
})
}
// the following part does not fire up
var isHover = false;
$("#chart").hover(
function () {
if (!isHover) {
var chart = $("#chart").data().kendoChart;
chart.options.series.data=stats2;
isHover = true;
}
}, function () {
if (isHover) {
var chart = $("#chart").data().kendoChart;
chart.options.series.data=stats;
isHover = false;
}
});
您有时需要学习调试兄弟,这不是没有触发悬停功能,而是您不小心编写了代码。
图表选项中的series
属性是一个array
。 因此,您需要一个索引才能访问它。 另外,由于打算更改系列而不是其数据,因此必须在更改系列数据后立即调用redraw
方法。
该代码将起作用
var isHover = false;
$("#chart").hover(
function () {
if (!isHover) {
var chart = $("#chart").data().kendoChart;
chart.options.series[0].data = stats2;
chart.redraw();
isHover = true;
}
}, function () {
if (isHover) {
var chart = $("#chart").data().kendoChart;
chart.options.series[0].data = stats;
chart.redraw();
isHover = false;
}
});
祝你有美好的一天,干杯!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.