AngularJS+;KendoUI图表本地绑定

AngularJS+;KendoUI图表本地绑定,angularjs,charts,kendo-ui,local,Angularjs,Charts,Kendo Ui,Local,如何使用AngularJS图表和本地数据绑定实现KendoUI 我的本地数据: var blogComments = [ { "blog": "My blog", "day": "1", "value": 3, "userColor": "#ffd600" }, { "blog": "My blog", "day": "2", "value": 7, "userColor": "#ffd600" }, { "blog": "My blog", "day":

如何使用AngularJS图表和本地数据绑定实现KendoUI

我的本地数据:

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远程数据。请帮忙。我错过了什么


dojo上的代码:

您没有正确创建DS-您的嵌套级别太多:

$scope.theBlog = new kendo.data.DataSource({
    data: blogComments
});