Приложение ng2-charts не отображает графики

Я выполнил инструкции на демонстрационной странице ng2-charts, чтобы начать настройку. Я использую angular-cli, поэтому я также импортировал пакеты с помощью System.JS. Затем я скопировал демонстрационный код, но он не отображается. Холст создается, но диаграмма не рисуется. Код моего компонента и шаблона точно такой же, как здесь.


angular angular-cli ng2-charts
person Alex Kibler    schedule 28.06.2016    source источник
comment
stackoverflow.com/questions/37849490/   -  person yurzui    schedule 28.06.2016
comment
У вас есть решение. Я добавил диаграммы ng2: не могу привязаться к «наборам данных», так как это не известное свойство «базовой диаграммы».   -  person EL missaoui habib    schedule 14.10.2016

Ответы (2)


arrow_upward
8
arrow_downward

Используйте <div style="display: block"> вокруг тега canvas

Ваш окончательный html-код должен выглядеть примерно так

<div style="display: block">
  <canvas
    baseChart
    [chartType]="'line'"
    [datasets]="chartData"
    [labels]="chartLabels"
    [options]="chartOptions"
    [legend]="true"
    (chartClick)="onChartClick($event)">
  </canvas>
</div>
person Alex Shnyrov    schedule 04.03.2019
comment
Работал. Я чуть не дернул за это волосы. - person Gaurish Gangwar; 09.04.2020

arrow_upward
5
arrow_downward

responsive: true иногда проблема. При изменении на false появится холст.

person Cengkuru Michael    schedule 25.03.2019
comment
Ты спас меня какое-то время, чувак, никогда не думал, что это вызовет мою проблему. Большое спасибо! Вы знаете, есть ли у них другой способ исправить это, сохранив при этом верную реакцию? - person Rob Angelier; 06.02.2020