【问题标题】:Pie chart colors are not loading inside subscribe method饼图颜色未在订阅方法中加载
【发布时间】:2018-10-25 01:49:19
【问题描述】:

我正在使用 Ng2-charts 在 angular App 中绘制饼图。

如果我在constructorngOnInIt 中分配this.pieChartData 值,则饼图可以正常呈现而没有任何问题。

ngOnInit () { this.pieChartData = [10,20]; } // works fine

但如果我在 .subscribe 方法中分配值,则饼图颜色不会呈现。

    this.service.getJiraOpenIssues('22407')
    .subscribe((response)=>{
     this.pieChartData = [10,20];
  });

请告诉我我在这里做错了什么。

【问题讨论】:

  • 您是否尝试过 console.log 以查看您是否真的到达那里?(在 subsicrbe 内)

标签: javascript angular ng2-charts


【解决方案1】:

当您在constructorngOnInit() 中传递数据时,它会正常工作,因为charts 在渲染之前获取数据。

在您的情况下,您在subscribe 中传递数据,那么图表将无法获取您的数据。

你必须告诉chart你有一些新数据。为此,您必须使用 .update() 方法来更新图表数据。而已。

然后您的图表将呈现新的更新数据。 :)

有关详细示例代码,请查看此example。它可能会帮助你。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-06-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多