重绘Google图表而不刷新页面

Question

如果api有新数据，我有一个刷新页面上数据的按钮。它能够刷新我的数据表，但不能重绘Google图表。我正在使用此模块将google图表集成到我的项目Ng2GoogleCharts。

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

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

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

我像这样在.ts文件中声明mixChartData;

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

Answer 1

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

在您的HTML中：

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

在组件中

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

然后将以下代码插入您要对逻辑上所跨过的图表执行更新的地方：

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