angularjs : How to transform a line chart into a dropTarget?

[zhivko.zhelezov]

Hi folks,

I am working on the following scenario. On my page I have two components: kendo line chart and kendo grid. From the grid I am able to select rows and drag them to the chart. The problem I experience is that I can't transform the chart into kendoDropTarget. I have tried the following code, when the chart is rendered. Just bear in mind that I am using controller as syntax. What I am getting as a result is "TypeError: vm.trendChart.kendoDropTarget is not a function"

vm.addDropToChartSeries = function () {
            vm.trendChart.kendoDropTarget({
                dragenter: alert('drag area entered'),
                drop: alert('element dragged!')
            });
        }

[T. Tsonev]

Hi,

Perhaps the problem is that trendChart is the actual chart instance, not the DOM element.
Try something in the line of:
  vm.trendChart.element.kendoDropTarget({ ... })

I hope this helps.

Regards,
T. Tsonev
Telerik