Wijmo ユーザーガイド > 概念 > ウィジェットを統合するフレームワーク > Knockoutの使用 > 双方向のライブバインディング > KO LineChart バインディング |
データバインディングのオプション:
例:
この例では、折れ線グラフと組み合わせて使用する ViewModel が定義されています。このビューには、seriesList プロパティがバインドされています。この値が変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは ViewModel の値も更新します。
ViewModel の作成:
ViewModel スクリプト |
コードのコピー |
---|---|
var viewModel = { seriesList: ko.observableArray([createRandomSeriesList('legend' + index)]) }; |
バインドコントロールを使用したビューの作成:
ビューのマークアップ |
コードのコピー |
---|---|
<div id="wijlinechart" data-bind="wijlinechart: {seriesList: seriesList}"></div> |