dragable vertical line in google chart

I ty to make vertical line in google chart line and on this line i wanna get values. It’s done here –

google.load('visualization', '1.1', {packages: ['corechart']});
google.setOnLoadCallback(drawChart);

function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Date');
    data.addColumn('number', 'Value');
    var tmp = 0;
    for (var i = 1; i <= 100; i++) {
        data.addRow([new Date(2012, 0, i), tmp]);
        tmp += Math.floor(Math.random() * 100) - 40;
    }
    var chart = new google.visualization.ChartWrapper({
        chartType: 'LineChart',
        containerId: 'chart_div',
        dataTable: data,
        options: {
            annotation: {
                1: {
                    style: 'line'
                }
            },
            focusTarget: 'category',
            height: 400,
            width: 600,
            vAxis: {
                minValue: 0
            }
        },
        view: {
            columns: [0, {
                type: 'string',
                role: 'annotation',
                calc: function(dt, row) {
                    return null;
                }
            }, 1]
        }
    });

    var runOnce = google.visualization.events.addListener(chart, 'ready', function() {
        google.visualization.events.addListener(chart.getChart(), 'onmouseover', function(e) {
            if (e.row != null) {
                chart.setView({
                    columns: [0, {
                        type: 'string',
                        role: 'annotation',
                        calc: function(dt, row) {
                            return (row == e.row) ? ' ' : null;
                        }
                    }, 1]
                });
                // populate our "tooltip"
                document.getElementById('date').innerHTML = data.getFormattedValue(e.row, 0);
                document.getElementById('value').innerHTML = data.getValue(e.row, 1);
                chart.draw();
            }
        });
        google.visualization.events.removeListener(runOnce);
    });
    chart.draw();
}

http://jsfiddle.net/asgallant/xwrVV/4/

But, I need to make this line draggable, not on mousemove.(example, this red line)
Is it possible to do this?

Thank you!


Source: stackoverflow-javascript