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 时，会出现画布。