Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度图不像文档那样在顶部显示系列_Javascript_Angularjs_Chart.js - Fatal编程技术网

Javascript 角度图不像文档那样在顶部显示系列

Javascript 角度图不像文档那样在顶部显示系列,javascript,angularjs,chart.js,Javascript,Angularjs,Chart.js,angular-chart.js有一个条形图示例。在这里,我使用了js和标记代码,并做了如下修改 html 更多检查 但问题是,我的代码在标记的选项中没有显示。 我做错了什么或我必须做的任何更新?您需要在“选项”下进行配置 $scope.options = { legend: { display: true, position: 'top' } }; var app = angular.module('app', ['chart.js']); ap

angular-chart.js有一个条形图示例。在这里,我使用了js和标记代码,并做了如下修改

html

更多检查

但问题是,我的代码在标记的选项中没有显示。


我做错了什么或我必须做的任何更新?

您需要在“选项”下进行配置

$scope.options = {
    legend: {
      display: true,
      position: 'top'
    }
  };
var app = angular.module('app', ['chart.js']);
app.controller('BarCtrl', ['$scope', function($scope){
      $scope.labels = ['PDM', 'R&D', 'SN', 'MB'];
      $scope.series = ['Late', 'NoLate'];

      $scope.data = [
        [10,2,1,2],
        [5,3,2,4]
      ];
}]);
$scope.options = {
    legend: {
      display: true,
      position: 'top'
    }
  };