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

【问题标题】：Ng2-charts app not showing chartsNg2-charts 应用程序不显示图表
【发布时间】：2016-10-31 06:30:45
【问题描述】：

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

【问题讨论】：

stackoverflow.com/questions/37849490/…
您有解决方案吗？我添加了 ng2 图表：无法绑定到“数据集”，因为它不是“基本图表”的已知属性。

【解决方案1】：

在canvas 标签周围使用<div style="display: block">

您的最终 html 代码应与此类似

<div style="display: block">
  <canvas
    baseChart
    [chartType]="'line'"
    [datasets]="chartData"
    [labels]="chartLabels"
    [options]="chartOptions"
    [legend]="true"
    (chartClick)="onChartClick($event)">
  </canvas>
</div>

【讨论】：

工作。我几乎对此感到震惊。

【解决方案2】：

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

【讨论】：

你帮我节省了一些时间，从没想过这会导致我的问题。非常感谢！你知道他们是否有另一种方法来解决这个问题，同时保持响应真实？