Data-binding options:

• disabled
• seriesHoverStyles
• seriesList
• seriesStyles

Example:

In this example, the ViewModel is defined specifically for use with the composite chart. It has the seriesList property bound in the View. If this value changes, then the widgets will automatically respond. The widgets also update the ViewModel values as they modify them.

Create a ViewModel:

var viewModel;
      <!-- Create ViewModel -->
      <!-- Bind ViewModel -->
      $(document).ready(function () {
          viewModel = {
              seriesList: ko.observableArray([createRandomSeriesList('legend' + index)])
          };
          ko.applyBindings(viewModel);
      });

Create View with Bound Controls:

<div id="wijcompositechart" 
     data-bind="wijcompositechart: {seriesList: seriesList}" 
     style="width:600px;height:400px;">
</div>

See Also

Concepts

Widgets

Reference