Angular ng2 google chart无法使用新数据更新
创始人
2024-10-20 07:30:39
0

要使用新数据更新Angular ng2 google chart,您可以尝试以下解决方法:

  1. 在组件中定义一个变量来存储图表的配置和数据,例如:
chartData: any;

ngOnInit() {
  // 初始化图表数据
  this.chartData = {
    chartType: 'LineChart',
    dataTable: [['Year', 'Sales'], ['2010', 1000], ['2011', 1170], ['2012', 660], ['2013', 1030]],
    options: {title: 'Sales'},
  };
}

updateChartData(newData: any) {
  // 更新图表数据
  this.chartData.dataTable = newData;
}
  1. 在模板中使用 google-chart 指令来绑定图表数据和配置,例如:

  1. 在需要更新图表数据的地方,调用 updateChartData 方法,并传入新的数据,例如:
newData = [['Year', 'Sales'], ['2010', 1000], ['2011', 1170], ['2012', 660], ['2013', 1030]];
this.updateChartData(newData);

这样,当 chartData 变量的 dataTable 属性更新时,图表将自动更新显示新的数据。

请注意,这只是一个示例解决方法,具体实现可能会根据您的项目和需求而有所不同。

相关内容

热门资讯

出乎意料的是!约局吧德州透视(... 您好,欢乐对决ios辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多...
透视真的!wepoker可以透... 透视真的!wepoker可以透视码(透视)微乐小程序辅助器免费安卓(原来有辅助修改器)-哔哩哔哩1、...
目前!aapoker怎么控制牌... 目前!aapoker怎么控制牌(透视)陕麻圈黑科技(都是真的是有辅助神器)-哔哩哔哩1、陕麻圈黑科技...
网友热议!hhpoker买挂(... 网友热议!hhpoker买挂(透视)越乡游义乌辅助器下载(真是是真的辅助工具)-哔哩哔哩1、许多玩家...
透视ai代打!pokemmo辅... 透视ai代打!pokemmo辅助器手机版下载(透视)桂林老k字字牌辅助(果然是真的辅助下载)-哔哩哔...
透视ai代打!wepoker透... 透视ai代打!wepoker透视有用吗(透视)hhpoker免费辅助器(本来是真的辅助插件)-哔哩哔...
透视插件!佛手大菠萝13道挂哪... 透视插件!佛手大菠萝13道挂哪里(透视)拱趴辅助器(一贯有辅助神器)-哔哩哔哩1、打开软件启动之后找...
透视系统!竞技联盟辅助(透视)... 透视系统!竞技联盟辅助(透视)新漫游免费辅助器(果然存在有辅助平台)-哔哩哔哩新漫游免费辅助器脚本下...
记者获悉!pokermaste... 记者获悉!pokermaster修改器(透视)八闽福建辅助软件免费下载(一贯存在有辅助插件)-哔哩哔...
透视真的!wepoker有没有... 透视真的!wepoker有没有机器人(透视)兴动互娱游戏辅助器(一贯是真的辅助软件)-哔哩哔哩1.兴...