时间戳

首页 > 解决方案 > 重绘谷歌图表而不刷新页面

angular - 重绘谷歌图表而不刷新页面

问题描述

如果 api 有新数据，我有一个刷新页面数据的按钮。它能够刷新我的数据表但不能重绘谷歌图表。我使用这个模块将谷歌图表集成到我的项目Ng2GoogleCharts中。

您知道任何可能的方法来重绘图表或删除该图表并重新创建吗？

这就是我在 html 页面上创建图表的方式；

<google-chart [data]="mixChartData" #chart></google-chart>

我像这样在.ts文件上声明mixChartData；

this.mixChartData={
      chartType: 'LineChart',
      dataTable: this.mixChart,
      options: this.mixOptions
    }

标签： angulartypescriptgoogle-visualization

解决方案

几天来我一直在努力解决这个问题，这是上述解决方案的详细版本：

在您的 HTML 中：

   <google-chart #mychart [data]="toDoChart"></google-chart>

在组件中

  @ViewChild('mychart ', {static: false}) mychart;

然后根据您的逻辑在要对图表执行更新的位置插入以下代码：

 updateToDoChart(){    
   this.mychart.draw();
 }

推荐阅读