Re: Allow user to input data points and then Google charts it

[asgallant]

Sure, you can do that.  You just need to take the user input and translate it into a format the charts can understand.  As an example: http://jsfiddle.net/asgallant/6kdvP/

On Monday, July 9, 2012 1:07:21 PM UTC-4, croberts wrote:

Hello

I am working with Django.

I'd like users on my site to have the ability to enter data points and then have it charted.  Each user will have their own chart.

Does Google Visualization API have the ability to do this?

[Ej Nov]

Another way you could accept user input is through setting a forum input with an onkeypress function to update a graph.

For example: 

Website: http://www.quickcompromise.com/index.html (Website where the graph is displayed)

Chart Code: https://drive.google.com/file/d/0Bw_K4bx8LBQuZWR1REFZRlBmVHc/edit?usp=sharing (Website Code)

[Andrew Gallant]

Yes, you can do that.  Here's one way:

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Compromise', 'Quantity'],
        ['Value #1',  0],
        [' ', 0],
        ['Value #2',  0]
    ]);
    var options = {
        title: 'Quick Compromise Graph',
        hAxis: {title: 'Graph Creator', titleTextStyle: {color: 'black'}}
    };
   
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
    chart.draw(data, options);
   
    var bidEl = document.getElementById('bidgraphvalue');
    var askEl = document.getElementById('askgraphvalue');
   
    function updateChart () {
        var bid = bidEl.value * 1;
        var ask = askEl.value * 1;
        data.setValue(0, 1, ask);
        data.setValue(2, 1, bid);
       
        chart.draw(data, options);
    }
   
    // create event handlers for changing the chart's data
    if (document.addEventListener) {
        bidEl.addEventListener('change', updateChart);
        askEl.addEventListener('change', updateChart);
    }
    else {
        bidEl.attachEvent('onchange', updateChart);
        askEl.attachEvent('onchange', updateChart);
    }
    updateChart();
}

[Ej Nov]

There's a wikiHow article on this: http://www.wikihow.com/Make-a-Google-Chart-with-User-Input