Question

我试图检测用户是否放大了kendoChart 用于此是看我是否应刷新此图表的dataSource。

到目前为止

代码

console.profileEnd

用于变焦检测的伪代码：

<!--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();
        }
    }

问：我能否在kendoChart上检测到变焦？
问：如何检测此变焦以用于＆＃34; if＆＃34;声明？

Answer 1

你可以这样检测。

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-zoom

检测放大kendoChart

1 个答案: