未捕获的IndexSizeError:ChartJS

UnCaught IndexSizeError: ChartJS

本文关键字：ChartJS IndexSizeError      更新时间：2023-09-26

我使用ChartJS为不同的项目显示饼图和条形图。当我单击"统计信息"选项卡中的第一个项目时，它会正确显示图表。当我点击下一个项目时，它不会显示以后的图表。相反，会抛出一个异常：

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

我一直在努力解决这个问题。但我无法弥补。有人能帮我吗？

不确定这是否完全是同一个问题，但听起来与我在这里遇到的相似

角度图表角度带面板内的零尺寸

问题是，在某些情况下加载页面时，图表无法接收页面的尺寸（宽度和高度），因此无法再次创建图表。当我的应用程序显示带有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
  };
相关文章：