Angularng2-charts无法使用通过订阅返回的数据
创始人
2024-10-28 16:30:19
0次
  1. 在组件中定义一个变量来存储订阅返回的数据：
data: any[];
  1. 在订阅函数中将数据存储到该变量中：
this.http.get('/data').subscribe(response => {
  this.data = response;
});
  1. 在 ngOnChanges 生命周期钩子中更新图表数据：
ngOnChanges(changes: SimpleChanges) {
  if (changes.data) {
    this.chartData = {
      labels: ['A', 'B', 'C'],
      datasets: [
        {
          data: this.data,
          ...
        }
      ]
    };
  }
}
  1. 在模板中使用数据绑定将图表组件的输入属性与组件中定义的变量绑定起来：

上一篇：Angularng2-charts混合图表x轴问题

下一篇：Angularng2-flatpickr在检查后表达式已更改。Ng-pristine的先前值。

相关内容

热门资讯

透视方针！wepoker破解器... 透视方针！wepoker破解器，wepoker私人局怎么玩（透视）竟然是有挂（哔哩哔哩）所有人都在同...
透视法门！we-poker辅助... 透视法门！we-poker辅助器，德扑圈透视挂（透视）其实是真的挂（哔哩哔哩）1、德扑圈透视挂模拟器...
透视技法！wpk模拟器多开，w... 透视技法！wpk模拟器多开，wpk插件（透视）确实真的有透视挂（哔哩哔哩）1、游戏颠覆性的策略玩法，...
透视步骤！德扑之心免费透视，德... 透视步骤！德扑之心免费透视，德普之星怎么开辅助（透视）原来真的有脚本教程（哔哩哔哩）1、点击下载安装...
透视指南！德普之星透视辅助软件... 透视指南！德普之星透视辅助软件下载，德普之星透视辅助插件（透视）竟然真的是有透视脚本（哔哩哔哩）亲，...
透视总结！We poker辅助... 透视总结！We poker辅助器下载，wepoker辅助器最新版本更新内容（透视）确实有挂（哔哩哔哩...
透视法门！wpk私人局辅助是真... 透视法门！wpk私人局辅助是真的吗，wpk模拟器（透视）其实真的是有脚本挂（哔哩哔哩）wpk私人局辅...
透视机巧！约局吧辅助器，wej... 透视机巧！约局吧辅助器，wejoker辅助器怎么卖（透视）确实是有挂（哔哩哔哩）1、wejoker辅...
透视指南！pokernow辅助... 透视指南！pokernow辅助工具，werplan辅助软件（透视）其实是有透视教程（哔哩哔哩）1、许...
透视手册！aapoker辅助器... 透视手册！aapoker辅助器是真的吗，pokermaster修改器（透视）一直有挂（哔哩哔哩）进入...