Wijmo UI for the Web
KO BubbleChart バインディング
| Wijmo ユーザーガイド > 概念 > ウィジェットを統合するフレームワーク > Knockoutの使用 > 双方向のライブバインディング > KO BubbleChart バインディング |
データバインディングのオプション：
例：
この例では、棒グラフと組み合わせて使用する ViewModel が定義されています。このビューには、disabled、stacked、および seriesList プロパティがバインドされています。これらのいずれかの値が変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは、これらの値を変更する際に ViewModel の値も更新します。このグラフは、ViewModel で seriesList が指定されている積層横棒グラフです。
ViewModel の作成：
| ViewModel スクリプト |
コードのコピー |
|---|---|
var viewModel = { seriesList: ko.observableArray([createRandomSeriesList('legend' + index)]) }; | |
バインドコントロールを使用したビューの作成：
| ビューのマークアップ |
コードのコピー |
|---|---|
<div id="wijbubblechart" data-bind="wijbubblechart: { seriesList: seriesList }" style="width:600px;height:400px;"> </div> | |