即时刷新Google Visualization

我目前正在通过谷歌可视化创建谷歌图表，我希望能够通过点击按钮刷新/更新此图表。 我已经尝试了很多不同的方法来做到这一点，但没有一个工作，所以我正在寻找任何人可以做出的任何建议。 我目前的平台是ASP.net（使用C＃），谷歌的东西是用javascript / jquery编写的（显然）。 谢谢！

Answer 1

Gviz可以选择使用JSON数据填充图表，因此，只需通过调用服务器获取一组新数据，让它返回JSON，然后将其传递给绘制的函数，就可以轻松地使用jquery你的图表。

你的jquery / javascript看起来像这样：

function drawMyChart(data) { // stuff to draw chart using the contents of data // data should be Gviz Data Table in JSON format // your server needs to output this var dt = new google.visualization.DataTable(data) // rest of your stuff, just like standard gviz } function makeAjaxCall() { $.ajax({ url: '/path/to/data/json', sucess: drawMyChart(a), dataType: 'json' // this is important, have it interpreted as json }); } // html somewhere Go 

关于正确格式化你的JSON响应，有几个库可以帮助你，虽然我不知道你提到的语言有什么具体的。 这是python中的一个例子。

如果您正在努力，您可以将所有条目转储到数组中，如下所示：

  [[name, age],[john, 25],[paul, 20]] 

并使用google.visualization.arrayToDataTable在它作为JSON从服务器返回时解释它。

希望有所帮助。