Available in the Full Version

Data Chart - Editing with KnockoutJS

Note: The Knockout extensions do not work with the ASP.NET MVC Helpers.
The sample demonstrates the igDataChart control reacting to changes in the data source by the Knockout View-Model. Note that the chart is updated without having to re-bind the control. By default, the sample shows the market revenue and expenses for the first 10 days of the month. You can add/remove days and move items along the chart and observe money flow on the market changing accordingly.
Simulation options:
Add a new day
Delete the selected day
Move the selected day backwards
Move the selected day forward
Play continuous moving simulation
Pause the simulation

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

Code View

Copy to Clipboard