我正在尝试检测用户是否在kendoChart上放大
它的用途是查看是否应该刷新此图表的dataSource。
到目前为止的代码
<!--DATA SOURCE!-->
var lineSource = new kendo.data.DataSource(...DATA...);
<!--KENDO CHART!-->
$("#Line").kendoChart({
dataSource: lineSource,
series: [{
type: "line",
aggregate: "max",
field: "value",
categoryField: "date",
markers: {
visible: false
},
tooltip: {
visible: true,
template: "#= category # : #= value#ms"
}
}],
categoryAxis: {
baseUnit: "minutes",
labels:{
step: 10
},
},
pannable: true,
zoomable: true
});
<!--REFRESHING DATA!-->
setInterval(refresh1, 60000);
function refresh1(){
if(document.getElementById("Line")){
$("#Line").data("kendoChart").dataSource.read();
$("#Line").data("kendoChart").refresh();
}
}
变焦检测伪码:
function refresh1(){
if(NOT ZOOMED IN ON LINE){
if(document.getElementById("Line")){
$("#Line").data("kendoChart").dataSource.read();
$("#Line").data("kendoChart").refresh();
}
}
}
Q: 我能检测到剑道图上的缩放吗
Q: 如何检测此缩放以在"if"语句中使用?
您可以进行这样的检测。
var boolChange=false;
$("#chart").kendoChart({
series: [
{ data: [1, 2] }
],
zoom:
function (e) {
boolChange = true;
}
});
if (!boolChange) {
}
http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#events-缩放