在飞行中刷新谷歌可视化
Refresh Google Visualization on the fly
我目前正在通过谷歌可视化创建一个谷歌图表,我希望能够刷新/更新这个图表上的一个按钮点击。我已经尝试了很多不同的方法来做到这一点,但没有一个是有效的,所以我正在寻找任何人可以提出的任何建议。我目前的平台是ASP.net (c#)和谷歌的东西是写在javascript/jquery(显然)。谢谢!
Gviz可以选择用JSON数据填充图表,所以,你可以用jquery很容易地做到这一点,只需调用你的服务器来获取一组新的数据,让它返回JSON,然后将其传递给绘制图表的函数。
你的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
<input type='button' onclick='makeAjaxCall()'>Go</input>
关于正确格式化JSON响应,有几个库可以帮助您,尽管我不知道您提到的语言中的任何具体内容。下面是一个用python写的例子。
如果您遇到困难,您可以像下面这样转储数组中的所有条目:
[[name, age],[john, 25],[paul, 20]]
并使用google.visualization.arrayToDataTable在它从服务器返回时将其解释为JSON。
希望对你有帮助。
相关文章:
- 如何在谷歌可视化中组合数字和模式格式化程序
- 如何使用图表包装函数有条件地格式化谷歌可视化表单元格
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- 谷歌可视化数据表间歇性问题
- 如何修复谷歌可视化-材料线中的重叠问题
- 以编程方式透视谷歌可视化数据表
- 在谷歌可视化饼图中突出显示一个切片
- 谷歌可视化数据分组字符串列
- 谷歌可视化树图-如何创建自定义文本
- 如何在谷歌可视化api柱状图中使用的json对象内用数字替换字符串值
- 如何在谷歌分析中跟踪谷歌可视化图表事件
- 删除谷歌可视化饼图中的图例
- IE8谷歌可视化权限被拒绝
- 更改谷歌图表(谷歌可视化)图形的背景颜色
- 用javascript隐藏谷歌可视化列
- 加载旧版本的谷歌可视化库
- 为什么我之前工作的谷歌可视化图表在2013年11月26日之后停止工作
- 谷歌可视化时间轴图表日期奇怪地休息了一个月…我错过了什么
- 谷歌可视化时间线显示鼠标光标的时间
- 谷歌可视化目标线