KO CompositeChart バインディング

データバインディングのオプション：

disabled
seriesHoverStyles
seriesList
seriesStyles

例：

この例では、コンポジットチャートと組み合わせて使用する ViewModel が定義されています。ビューには seriesList プロパティがバインドされています。この値が変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは、これらの値を変更する際に ViewModel の値も更新します。

ViewModel の作成：

ViewModel スクリプト	コードのコピー
var viewModel; <!-- ViewModel を作成します --> <!-- ViewModel をバインドします --> $(document).ready(function () { viewModel = { seriesList: ko.observableArray([createRandomSeriesList('legend' + index)]) }; ko.applyBindings(viewModel); });

ViewModel スクリプト

コードのコピー

var viewModel;
      <!-- ViewModel を作成します -->
      <!-- ViewModel をバインドします -->
      $(document).ready(function () {
          viewModel = {
              seriesList: ko.observableArray([createRandomSeriesList('legend' + index)])
          };
          ko.applyBindings(viewModel);
      });

バインドコントロールを使用したビューの作成：

ビューのマークアップ	コードのコピー
<div id="wijcompositechart" data-bind="wijcompositechart: {seriesList: seriesList}" style="width:600px;height:400px;"> </div>

関連トピック

参照