UnCaught IndexSizeError: ChartJS

Question

Я показываю пирог и гистограммы для разных проектов с помощью ChartJS. Когда я нажимаю на первый проект на вкладке «Статистика», он правильно отображает диаграммы. Когда я нажимаю на следующие проекты, он не отображает диаграммы оттуда. Вместо этого возникает исключение:

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

Я пытаюсь решить это в течение длительного времени. Но я не мог это исправить. Кто-нибудь может мне с этим помочь?

Answer 1

Не уверен, что это точно такая же проблема, но это звучит похоже на то, что я испытывал здесь

angular-chart zero dimensions inside angular-strap panel

Answer 2

Проблема заключается в том, что при загрузке страницы в некоторых случаях схема не получает поэтому размеры страницы (ширина и высота) не могут снова создать диаграмму. Это случилось со мной, когда мое приложение показывало модальное с 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 
    };