KnockoutJS support

Abstract

IDD plots can be controlled with KnockoutJS. The bindings can control entire plot presence, plotted data, as well as individual plot properties.

How to start

1. Source KnocokutJS (ver 3.4.1) in your page
2. Source idd_knockout.js or idd_knockout.min.js
3. Start using bindings

If you prefer samples, there is a group of Knockout related samples here.

General approach

Presence or absence of the plot is controlled with default Knockout control flow bindings (e.g. foreach, if)

Plotted data and individual properties are controlled with custom bindings.

See these dedicated pages about your Knockout usage opportunities:

• General bindings
• Area plot
• Bars
• Polyline
• Markers
• Heatmap
• Label plot
• Uncertainty markers (Box and whisker)
• Uncertainty markers (Petals and BullEye)