如何从Kendo UI dragend事件获取数据源信息?

时间:2015-09-16 17:57:32

标签: kendo-ui drag linechart kendo-chart

这是折线图的代码,它具有拖动功能以突出显示某些数据。我想在dragEnd事件中获取数据源信息,目前我只是获取screenX和screenY值。

function createChart(data) {

                $("#TimeSeriesPlot").kendoChart({

                    title: {
                        text: series_name.toUpperCase()
                    },
                    dataSource :{
                        data:data.timeseries,
                    },
                    series: [{
                        type: "line",
                         field:"v",
                        categoryField:"ts",
                   }],
                     valueAxis: {
                        labels: {
                            format: "{0}"
                        },title:{
                            text: "value"
                        },
                        line: {
                            visible: false
                        },

                     },
                    categoryAxis: {
                     labels: {
                      type: "date",

                    },  
                   tooltip: {
                        visible: true,
                       // shared:true,
                         template: "${category} - ${value}"
                    },

                    plotAreaClick: onPlotAreaClick,
                    seriesClick:onSeriesClick ,
                    dragStart:onDragStart ,
                    drag:onDrag,
                    dragEnd:onDragEnd 

                });
            }
    }

    function onSeriesHover(e) {
            console.log(kendo.format("Series hover :: {0} ({1}): {2}",
                e.series.name, e.category, e.value));
            }


    function onSeriesClick(e){
           //   console.log(selected_anamolies);
             //  console.log(e.category);
               selected_anamolies.push("ts",e.category);
               selected_anamolies.push("v",e.value);
    }

    function onDragStart(e){

           //  console.log("dragstart"+e.axisRanges.ts);

            //   console.log("dragstart"+e.sender._highlight._points[0].value);
           //     console.log("dragstart"+e.sender._highlight._points[0].category);


    }

    function onDrag(e){

            var Rect = kendo.geometry.Rect;
            var draw = kendo.drawing;
            prevloc=e.originalEvent.x.startLocation;
            currentloc=e.originalEvent.x.location;

            var rect=new Rect([prevloc,50],[currentloc-prevloc,150]);
            var path = draw.Path.fromRect(rect,{  stroke: null,fill:{color:"#d3f1fb",opacity:0.2}});
            var chart = e.sender;
    //   var surface = draw.Surface.create($("#surface"));
            chart.surface.draw(path);
                        //                        
    }


    function onDragEnd(e){
      console.log(dragEnd)

    }

0 个答案:

没有答案