>
> Sign In
Plot Extensions: Knockout Binding For jQPlot
The Knockout Binding for jQplot allows the binding of any observable array with jQplot. Any change on the array is immediately reflected on the plot, and vice-versa if the user moves the plot points with the mouse (or with fingers in touch devices) the observable array is updated accordingly. The Changes-Tracking algorithm is higly optimized, and quick changes are stacked and applied in an unique batch, to avoid quick re-plots.
Below an example of usage:
<div id="mainchart" class ="main-plot plot-drop"
data-bind="@bindings.Chart(m => m.Plot,l =>l.y,l => l.x,0,100).Get()">
data-bind="@bindings.Chart(m => m.Plot,l =>l.y,l => l.x,0,100).Get()">
</div>
This demo video shows Plot Extensions working.
Creating a chart by "dropping" data, and then dragging its points
.png "An Html element representing all data of the left grid is dragged on a plot area")
.png "A bidirectional communication channel is created between the plot source and the grid source")
.png "A plot point is modified by dragging it with fingers")
.png "The mofification on the plot point is immediately reflected in the grid")