Angular ng2图表不'；如果控制台显示得更多，则无法按预期显示'；没有显示任何错误

mychart.component.ts

从'@angular/core'导入{Component}；
从“ng2图表/ng2图表”导入{CHART_指令}；
从“@angular/ROUTER”导入{ROUTER_指令，ROUTER}”；
从'@angular/Http'导入{Http，Response，Http_PROVIDERS}；
从“@angular/common”导入{CORE_指令，NgIf，NgFor，FormBuilder，Validators，Control，ControlGroup，FORM_指令，NgClass}；
从“../dashboard/dashboard.component”导入{DashboardComponent}；
从“../Auth/Auth”导入{Auth}；
从“../Config/Config”导入{Config}；
//网页包html导入
@组成部分({
moduleId:module.id，
选择器：“mychart”，
templateUrl:'mychart.component.html'，
指令：[图表指令、NgClass、核心指令、表格指令]
})
导出类MychartComponent{
公共lineChartData:数组=[
[65, 59, 80, 81, 56, 55, 40],
[28, 48, 40, 19, 86, 27, 90]
];
公共线形图标签：数组=['一月'、'二月'、'三月'、'四月'、'五月'、'六月'、'七月']；
公共lineChartType:string='line'；
公共pieChartType:string='pie'；
公共线形图选项：任意={
动画：错，
回答：对
};
//馅饼
public pieChartLabels:string[]=['下载销售'、'店内销售'、'邮件销售']；
公共数据：数字[]=[300500100]；
构造函数（私有路由器：路由器，私有认证：认证，私有配置：配置，私有http:http，_formBuilder:formBuilder）{
console.log（图表_指令）；
}
public randomizeType（）：void{
console.log（this.lineChartType）；
this.lineChartType=this.lineChartType=='line'？'bar'：'line'；
this.pieChartType=this.pieChartType=='doughnut'？'pie'：'doughnut'；
}
公共目录（e:任何）：无效{
控制台日志（e）；
}	
公共图表悬停（e:任何）：无效{
控制台日志（e）；
}
}

最近我遇到了一个类似的问题

如图所示，如果父级（

基本图表

元素）的高度为0，则无法生成图表

尝试在元件注释中添加以下内容：

@Component({
  ...
  styles: [`
    .chart {
      display: block;
    }`
  ],

---

谢谢你，我的兄弟，我按照你说的解决了这个问题。再次感谢你做得好！节省了我一大堆时间！谢谢你们两个@user2180794你能在什么地方复制它吗？我从来没用过。我在本地环境中得到空白页。我按照建议在模板中添加了样式。控制台中没有错误。@EL missaoui habib I添加了示例