Гибкая диаграмма Wijmo 5 не работает с привязкой нокаута foreach

Question

Я хочу динамически обновлять значения (или добавлять дополнительные элементы легенды) на диаграмме, поэтому я не могу использовать "жестко запрограммированную" разметку html со страницы примера гибкой диаграммы. проблема в том, что привязка foreach внутри блока wjFlexChart вообще не работает. вот мой код:

Посмотреть:

<div data-bind="wjFlexChart: { itemsSource: data, bindingX: 'week' }">
      <div data-bind="foreach: $data.legend">
            <div data-bind="wjFlexChartSeries: { name: name, binding: value}"></div>
      </div>
</div>

---

ViewModel:

data = new wijmo.collections.ObservableArray();
weeks = 'wk1,wk2,wk3,wk4,wk5,wk6,wk7,wk8'.split(',');
...
for (var i = 0; i < this.weeks.length; i++) {
   this.data.push({
     week: this.weeks[i],
     legend: [{
        name: 'name1_'+i, 
        value: Math.random() * 10
     },{
        name: 'name2_'+i, 
        value: Math.random() * 10
     }]
   });
}

Есть идеи?