This is a migrated thread and some comments may be shown as answers.

Chart Custom Binding

3 Answers 116 Views

Charts

This is a migrated thread and some comments may be shown as answers.

Joachim asked on 02 Feb 2016, 05:34 PM

Hello everyone,

I've tried to add a custom binding to a scatterLine chart, but chrome just throws an exception:

"Uncaught Error: The chartSeries binding is not supported by the Chart widget"

Is it possible to do something similar to the following?

<div id="mychart" data-bind="chartSeries: Series"></div>

kendo.data.binders.chartSeries = kendo.data.Binder.extend({

refresh: function() {

var serieses = this.bindings["chartSeries"].get();

//my irrevevant stuff

$(this.element).redraw();

}

});

function GetAllPageElements () {

var PrintChart = function () {

$("#mychart").kendoChart({

//my irrevevant stuff

});

};

PrintChart();

}

$(document).ready(function () {

var ChartViewModel = new ViewModels.ChartVm();

GetAllPageElements();

kendo.bind($("#chartView"), ChartViewModel);

});

Thanks for your help!

Joachim

3 Answers, 1 is accepted

answered on 11 Feb 2016, 10:37 AM

hi Danail,

Thank you for your answer.

So there isn't any possiblility to add custom binding to kendo UI controls, is it?

The problem i've got is, that i can't bind my data directly to the chart as a datasource.

That's because my value axis must be added and removed dynamically when different data should show up in the chart.

I hope this was understandable :)

it's not importent to me how to solve the problem, but it should be usable via MVVM.

Regards,

Joachim