Available in the Full Version

Data Chart - KnockoutJS

This sample demonstrates binding igDataChart with Knockout View-Model, using Infragistics Knockout extension for the control.
Change grid cell values to update the charts below
Overall Year Profit:

This sample is designed for a larger screen size.

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

Note: The Knockout extensions do not work with the ASP.NET MVC Helpers.
When you modify the values for an igDataChart item, the charts that are bound to that value are updated accordingly; the update is indicated by highlighting the border of the modified charts.
How it works
  • Use the combo to change the current item and then to modify the chart item.
  • Use the button at the top-right to change the charts with randomly generated data.

Code View

Copy to Clipboard