Как реализовать диаграмму KendoUI с AngularJS с локальной привязкой данных?
Мои локальные данные:
var blogComments = [ {
"blog": "My blog",
"day": "1",
"value": 3,
"userColor": "#ffd600"
}, {
"blog": "My blog",
"day": "2",
"value": 7,
"userColor": "#ffd600"
}, {
"blog": "My blog",
"day": "11",
"value": 14,
"userColor": "#ffd600"
}, {
"blog": "My blog",
"day": "12",
"value": 15,
"userColor": "#ffd600"
}, {
"blog": "My blog",
"day": "30",
"value": 6,
"userColor": "#ffd600"
} ];
Я хочу использовать это как источник данных:
$scope.theBlog = new kendo.data.DataSource({
dataSource: {
data: blogComments
}
});
Вот мой HTML:
<div kendo-chart
k-legend="{ position: 'bottom' }"
k-series-defaults="{ type: 'bar', labels: {
visible: true,
background: 'transparent' } }"
k-data-source="theBlog"
k-series-hover="onSeriesHover"
k-series="[{name:'Value', field:'value'}]">
</div>
Похоже, он не получает k-серию из источника данных. Диаграмма пуста и не показывает никаких данных. Все примеры в KendoUI, связанные с AngularJS, имеют удаленные данные JSON. Пожалуйста помоги. Что мне не хватает?
Код для додзё: http://dojo.telerik.com/IziY/12