angular - Ng2-charts 应用程序不显示图表

Question

我按照 ng2-charts 演示页面上的说明进行设置。我正在使用 angular-cli，所以我还使用 System.JS 导入了包。然后我复制了演示代码，但它不会显示。正在创建画布，但未绘制图表。我的组件和模板代码和这里完全一样。

Answer 1

在标签<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>

Answer 2

responsive: true有时问题。当更改为 false 时，将出现画布。