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

相关内容

热门资讯

透视真的！aapoker真的假... 透视真的！aapoker真的假的（透视）透视软件（竟然真的有挂）1、许多玩家不知道aapoker真的...
透视透视！sohoopoker... 透视透视！sohoopoker辅助，sohoo竞技联盟辅助器（原来是真的有挂）透视透视！sohoop...
透视免费！aa poker辅助... 透视免费！aa poker辅助（透视）脚本（总是真的是有挂）透视免费！aa poker辅助（透视）脚...
透视讲解！拱趴大菠萝有挂吗，约... 透视讲解！拱趴大菠萝有挂吗，约局吧是否有挂（其实存在有挂）1、拱趴大菠萝有挂吗机器人多个强度级别选择...
透视规律！aapoker透视脚... 透视规律！aapoker透视脚本（透视）真的假的（总是真的有挂）；该软件可以轻松地帮助玩家将aapo...
透视规律！pokermaste... 透视规律！pokermaster辅助器，约局吧app有挂吗（切实真的有挂）；1、构建自己的约局吧ap...
透视透视！aapoker怎么设... 透视透视！aapoker怎么设置抽水（透视）透视脚本（其实是有挂）1、上手简单，内置详细流程视频教学...
透视数据！约局吧辅助器，pok... 透视数据！约局吧辅助器，pokemmo手机版修改器（一直真的有挂）一、pokemmo手机版修改器软件...
透视软件！aapoker怎么设... 透视软件！aapoker怎么设置抽水（透视）万能辅助器（好像真的有挂）1、下载好aapoker怎么设...
透视工具！菠萝辅助器免费版的功... 透视工具！菠萝辅助器免费版的功能介绍，pokernow辅助控制（切实真的是有挂）一、菠萝辅助器免费版...