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

• disabled
• seriesHoverStyles
• seriesList
• seriesStyles

例：

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

ViewModel の作成：

var viewModel = function () {         
   var self = this;
   self.males = ko.numericObservable(10); 
   self.females = ko.numericObservable(90);
};                      

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

<div class="piechart" data-bind="wijpiechart: { 
    width: 600, 
    height: 400, 
    seriesList: [
        {label: 'Male', data: males}, 
        {label: 'Female', data: females}
    ]

 }">
</div>

関連トピック

参照

Copyright © GrapeCity inc. All rights reserved.