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

相关内容

热门资讯

黑科技实锤!微扑克有挂(德扑a... 您好，德扑ai智能机器人这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...
黑科技安卓版!德州之星有假(微... 黑科技安卓版!德州之星有假(微扑克有挂么)起初真的是有挂(有挂总结)-哔哩哔哩是一款可以让一直输的玩...
黑科技教程!wpk有透视辅助(... 黑科技教程!wpk有透视辅助(aapoker真的有猫腻吗)一贯是有挂(有挂教程)-哔哩哔哩；黑科技教...
黑科技教学!传奇扑克辅助(德扑... 黑科技教学!传奇扑克辅助(德扑ai智能系统)起初存在有挂(新版有挂)-哔哩哔哩是一款可以让一直输的玩...
黑科技模拟器!wepoke软件... 1、黑科技模拟器!wepoke软件透明挂价格(德扑ai智能机器人)其实存在有挂(有挂教程)-哔哩哔哩...
黑科技中牌率!云扑克辅助器真假... 黑科技中牌率!云扑克辅助器真假(wpk最新黑科技)本来是真的有挂(有挂秘笈)-哔哩哔哩1、每个玩家都...
黑科技总结!aa扑克外挂(we... 黑科技总结!aa扑克外挂(wepokeai代打)好像存在有挂(发现有挂)-哔哩哔哩是一款可以让一直输...
黑科技数据!线上wpk到底有外... 黑科技数据!线上wpk到底有外挂(德州ai软件购买)总是是有挂(有挂辅助)-哔哩哔哩1）德州ai软件...
黑科技苹果版!德扑ai工具(w... 黑科技苹果版!德扑ai工具(wepoke智能ai)一向是有挂(的确有挂)-哔哩哔哩1、下载好wepo...
黑科技有挂!wpkai辅助实战... 1、黑科技有挂!wpkai辅助实战效果(wepokeai代打)一贯是有挂(有挂教程)-哔哩哔哩。2、...