Column charts annotations

by heennkkee

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style=""></div>

JavaScript

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

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Descr', 'Downlink', 'Uplink'],
        ['win7protemplate', 12, 5],
        ['S60', 14, 5],
        ['iPad', 3.5, 12], ]);

    var view = new google.visualization.DataView(data);

    view.setColumns([0, //The "descr column"
    1, //Downlink column
    {
        calc: "stringify",
        sourceColumn: 1, // Create an annotation column with source column "1"
        type: "string",
        role: "annotation"
    },
    2, // Uplink column
    {
        calc: "stringify",
        sourceColumn: 2, // Create an annotation column with source column "2"
        type: "string",
        role: "annotation"
    }]);

    var columnWrapper = new google.visualization.ChartWrapper({
        chartType: 'ColumnChart',
        containerId: 'chart_div',
        dataTable: view
    });

    columnWrapper.draw();
}