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

相关内容

热门资讯

wepoke模拟器！wepok... wepoke模拟器！wepoke有科技吗，wepoke软件收费是真的，扑克教程（有挂教程）；致您一封...
微扑克ai机器人！wepoke... 微扑克ai机器人！wepoke辅助透视教程，德州aa poker有外挂，软件教程（有挂辅助挂）1、构...
德州微扑克辅助！wpk微扑克真... 德州微扑克辅助！wpk微扑克真的有挂吗，德州软件工具，德州论坛（有挂辅助挂），您好，德州微扑克辅助这...
wepok软件透明挂！德扑统计... wepok软件透明挂！德扑统计软件，德州辅助神器wpk，2025新版总结（有挂透明）1、wepok软...
智星德州菠萝有挂吗！微扑克有规... 智星德州菠萝有挂吗！微扑克有规律吗，德州ai智能系统，透明挂教程（有挂技巧）您好，智星德州菠萝有挂吗...
wepower辅助器！德州之星... wepower辅助器！德州之星app辅助器怎么用，wpk透视辅助哪里下载，规律教程（有挂黑科技）是一...
wepokeai代打！微扑克系... wepokeai代打！微扑克系统的发牌速度有多快，红龙扑克是真是假，可靠技巧（有挂透明）1、许多玩家...
aapoker猫腻！德州ai机... aapoker猫腻！德州ai机器人免费测试，微扑克有计算器，技巧教程（有挂教学），您好，德州ai机器...
wepoke辅助有挂！aapo... wepoke辅助有挂！aapoker辅助是真的吗，wpk透视辅助封号，第三方教程（有挂教学）；小薇（...
微扑克辅助机器人！aapoke... 微扑克辅助机器人！aapoker是正规的吗，（wEpoKe）原生真的是有挂（详细辅助玩家教你）1、完...