Actualizar la visualización de Google sobre la marcha

Actualmente estoy creando un gráfico de Google a través de la visualización de Google y quiero poder actualizar / actualizar este gráfico con un clic del botón. He intentado muchas maneras diferentes de hacer esto, pero ninguna funciona, así que estoy buscando sugerencias que cualquiera pueda hacer. Mi plataforma actual es ASP.net (con C #) y las cosas de Google están escritas en javascript / jquery (obviamente). ¡Gracias!

Gviz tiene la opción de rellenar gráficos con datos JSON, por lo tanto, puede hacer esto con jQuery fácilmente haciendo una llamada a su servidor para obtener un nuevo conjunto de datos, haciéndolo devolver JSON y luego pasándolo a una función que dibuja tus cuadros

Tu jquery / javascript lucirá algo como esto:

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 

Con respecto al formato correcto de su respuesta JSON, hay un par de bibliotecas para ayudarlo, aunque no conozco nada específicamente en los idiomas que mencionó. Aquí hay uno en Python, por ejemplo.

Si tiene dificultades, puede simplemente eliminar todas sus entradas en una matriz de la siguiente manera:

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

y use google.visualization.arrayToDataTable para interpretarlo cuando vuelva de su servidor como JSON.

Espero que ayude.