Estoy tratando de actualizar automáticamente este gráfico de barras. He buscado en sitios web qué código agregar y no sé cómo aplicarlo a lo que tengo. Esta es la página en la que se encuentra el gráfico de barras: https://lifespringchurch.com/spiritual-gifts-survey/ (El gráfico de barras se encuentra en la parte inferior de la página). Después de que una persona termina con la encuesta, sus cuentas finales debe mostrarse en el gráfico de barras.
<html> <head> <script src="https://cdn.anychart.com/releases/8.0.0/js/anychart-base.min.js"></script> </head> <body> <div id="container" style="width: 75%; height: 75%"></div> <script> anychart.onDocumentReady(function() { // set the data var data = { header: ["Gift", "Value"], rows: [ ["Leadership", document.getElementById("ninja_forms_field_464").value], ["Administration", document.getElementById("ninja_forms_field_465").value], ["Teaching", document.getElementById("ninja_forms_field_467").value], ["Knowledge", document.getElementById("ninja_forms_field_468").value], ["Wisdom", document.getElementById("ninja_forms_field_469").value], ["Prophecy", document.getElementById("ninja_forms_field_470").value], ["Discernment", document.getElementById("ninja_forms_field_471").value], ["Exhortation", document.getElementById("ninja_forms_field_472").value], ["Shepherding", document.getElementById("ninja_forms_field_473").value], ["Faith", document.getElementById("ninja_forms_field_474").value], ["Evangelism", document.getElementById("ninja_forms_field_475").value], ["Apostleship", document.getElementById("ninja_forms_field_476").value], ["Service", document.getElementById("ninja_forms_field_477").value], ["Mercy", document.getElementById("ninja_forms_field_478").value], ["Giving", document.getElementById("ninja_forms_field_479").value], ["Hospitality", document.getElementById("ninja_forms_field_480").value] ]}; // create the chart var chart = anychart.column(); // add the data chart.data(data); // draw chart.container("giftgraph"); chart.draw(); }); </script> </body> </html>Por lo que entiendo, creo que este código podría funcionar. Any Chart tiene alguna documentación sobre cómo actualizar un gráfico. Aquí está el enlace: https://docs.anychart.com/Working_with_Data/Data_Sets
for(var i = 0; i < data.rows.length; i++){ data.rows(i, [data.rows[i][0], data.rows[i][1]]); }Saludos, Oliver
Regresé y hubo algunos errores con el código, así que volví y los arreglé. Aquí está el código final: https://codepen.io/olifire/pen/rNpwpeP
function update(){ // Some code to check if the form is filled for(var i = 0; i < data.rows.length; i++){ data.rows[i] = [data.rows[i][0], data.rows[i][1]]; // Sets new data chart.data(data); // Redraws chart chart.draw(); } }Saludos, Oliver