我正在尝试使用ng-repeat创建图表(使用Chart.js Lib).
编辑:PLUNKER
HTML:
JS:
- app.controller('jsonServerBox',function($scope,$http) {
- var json = {"modules":[
- {
- "series":"SeriesA","data":["90","99","80","91","76","75","60","67","59","55"],"labels":["01","02","03","04","05","06","07","08","09","10"]
- },{
- "series":"SeriesB","10"]
- }
- ]};
- $scope.ocw = json;
- });
而且我收到以下错误:
- Syntax Error: Token 'module.data' is unexpected,expecting [:] at column 3 of the expression [{{module.data}}] starting at [module.data}}].
请帮忙.
直接从View中分配范围变量data =“module.data”labels =“module.labels”series =“module.series”.
提供数据时不要使用interpolution指令.指示.因为chart.js实现基于隔离范围
HTML
这可以帮到你.谢谢.
更新1:
其实你错过了几件事.
- "series": ["SeriesA"],"data": [["90","55"]],
代码的变化是
>包裹系列内部阵列改为“系列”:“SeriesA”,改为“系列”:[“SeriesA”]
>在数组中包装数据数组,因为它将维数组作为输入.
检查Working Plunkr以获取更多信息.
谢谢.