KO BarChart バインディング

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

disabled
header
seriesHoverStyles
seriesList
seriesStyles
stacked

例：

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

ViewModel を作成します	コードのコピー
var viewModel = { header: ko.observable('head'), stacked: ko.observable(false), seriesList: ko.observableArray([createRandomSeriesList('legend' + index)]) /[{ label: 'US', legendEntry: true, data: { x: ['PS3', 'XBOX360', 'Wii'], y: [12.35, 21.50, 30.56]} }] / };

ViewModel を作成します

コードのコピー

var viewModel = {     
    header: ko.observable('head'), 
    stacked: ko.observable(false),
    seriesList: ko.observableArray([createRandomSeriesList('legend' + index)]) 
    /*[{
        label: 'US',
        legendEntry: true, 
        data: {
            x: ['PS3', 'XBOX360', 'Wii'],
            y: [12.35, 21.50, 30.56]}
    }]
    */
};

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

ビューのマークアップ	コードのコピー
<div id="wijbarchart" data-bind="wijbarchart: { disabled: disabled, stacked: stacked, seriesList: seriesList }"> </div>

関連トピック

参照