Available in the Full Version

Data Chart > Bind Data Chart with KnockoutJS

Change editor 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.
What does it demonstrate?
The sample demonstrates binding igDataChart with Knockout View-Model, using Infragistics Knockout extension for the control.
What will you see?
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 to do it?
  • 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