Question

我正在使用nvd3（版本1.8.4），d3（版本3.5.17）和angularjs-nvd3指令（0.0.7）在我的项目中绘制线图图表。但是在加载图形时，我收到了这样的控制台错误。

＆＃34; 未捕获的TypeError：nv.models.lineChart（...）。width（...）。height（...）。margin（...）。x（ ...）。y（...）。forceX（...）。forceY（...）。showLegend（...）。工具提示不是一个函数 at Object.generate（angularjs-nvd3-directives.js：902）在renderLoop（core.js：97）＆＃34;

任何人都可以解释是什么问题？请帮我解决这个问题。提前致谢。我到目前为止编写的代码，

＆＃13;

angular.module('app', ['nvd3ChartDirectives'])
       .config(config)
       .controller('GraphController', function ($scope) {
        $scope.forceyval = [10, 10];
        $scope.forcexval = [10, 10];
        $scope.array = [[10, 10],[10, 10],[10, 10],[10, 10]];

       $scope.graphInfo = [
          {
            "key": "Series 1",
            "values": $scope.array
          }];
       });

＆＃13;

<div ng-controller="GraphController as ctrl">
   <div class="graphview">
       <nvd3-line-chart
          data="graphInfo"
          id="GraphId"
          showXAxis="true"
          showYAxis="true"
          tooltips="true"
          forcex="{{forcexval}}"
          forcey="{{forceyval}}"
          interpolate="linear">
          <div class="plot">
              <svg></svg>
          </div>
      </nvd3-line-chart>
   </div>
</div>

＆＃13;

使用NVD3折线图时出现控制台错误

0 个答案: