我正在使用ChartJS显示不同项目的饼图和条形图。当我单击Statistics选项卡中的第一个项目时,它会正确显示图表。当我点击下一个项目时,它不显示那里的图表。相反,抛出异常:
Uncaught IndexSizeError: Failed to execute 'arc' on 'CanvasRenderingContext2D': The radius provided (-0.5) is negative.
我试图解决这个问题很长一段时间。但我无法弥补。任何人都可以帮我这个吗?
答案 0 :(得分:0)
不确定这是否完全相同,但听起来与我在这里遇到的相似
答案 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
};