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

Question

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

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>