UnCaught IndexSizeError:ChartJS

时间:2015-03-28 23:02:32

标签: javascript angularjs spring gradle chart.js

我正在使用ChartJS显示不同项目的饼图和条形图。当我单击Statistics选项卡中的第一个项目时,它会正确显示图表。当我点击下一个项目时,它不显示那里的图表。相反,抛出异常:

Uncaught IndexSizeError: Failed to execute 'arc' on 'CanvasRenderingContext2D': The radius provided (-0.5) is negative. 

我试图解决这个问题很长一段时间。但我无法弥补。任何人都可以帮我这个吗?

2 个答案:

答案 0 :(得分:0)

不确定这是否完全相同,但听起来与我在这里遇到的相似

angular-chart zero dimensions inside angular-strap panel

答案 1 :(得分:0)

问题在于,在某些情况下加载页面时,图表不会接收页面的尺寸(宽度和高度),因此无法再次创建图表。当我的应用程序使用AngularJS显示模态时,这发生在我身上。所以我这样做了:

在我的index.html

<canvas chart-options="viewCountOptions" id="doughnut" class="chart chart-doughnut" chart-data="data" chart-labels="labels" chart-colours="colours" chart-legend="legend">

在我的controllers.js

$scope.viewCountOptions = {
     responsive: false
  };