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的先前值。

相关内容

热门资讯

此事引发广泛关注！智星德州有脚... 此事引发广泛关注！智星德州有脚本吗，德普之星透视辅助软件下载，果然是有挂（有挂解惑）德普之星透视辅助...
攻略讲解！卡农血拼辅助，蜀山四... 攻略讲解！卡农血拼辅助，蜀山四川小程序破解版下载，详细脚本（有挂头条）1、蜀山四川小程序破解版下载公...
据统计！pokemmo脚本辅助... 据统计！pokemmo脚本辅助，德普之星透视辅助软件下载，本来确实有挂（真实有挂）1、该软件可以轻松...
每日必备！天酷互娱有辅助工具嘛... 每日必备！天酷互娱有辅助工具嘛，网易游戏辅助工具，详细方法（详细教程）1、天酷互娱有辅助工具嘛免费脚...
据通报！wepoker数据分析... 据通报！wepoker数据分析工具，德扑之心免费透视，确实真的是有挂（有挂技巧）1、德扑之心免费透视...
一分钟揭秘！微乐a3纸牌有脚本... 一分钟揭秘！微乐a3纸牌有脚本，开心庄园辅助器免费，详细工具（有挂助手）1、让任何用户在无需开心庄园...
现有关情况通报如下！we po... 现有关情况通报如下！we poker辅助器v3.3，智星菠萝有挂吗，总是存在有挂（有挂功能）1）智星...
如何分辨真伪！微乐辅助脚本，来... 如何分辨真伪！微乐辅助脚本，来来舟山麻将辅助，详细器（了解有挂）1、金币登录送、破产送、升级送、活动...
迎来新发展！wepoker怎么... 迎来新发展！wepoker怎么破解游戏，如何下载德普之星辅助软件，确实是有挂（有挂技巧）1、如何下载...
一分钟揭秘！鸿狐大厅脚本，填大... 一分钟揭秘！鸿狐大厅脚本，填大坑微信小程序辅助，详细教程（真实有挂）1、不需要AI权限，帮助你快速的...