Issue With Setting up the Annotation For a Chart

60 views

Skip to first unread message

Naresh Kumar Sanda

unread,

Apr 14, 2017, 5:07:16 AM4/14/17

to Google Visualization API

Hello,

Can some one help me out ,whats the problem with the code.

Am trying to set the Annotation for my chart.But Am getting

Table has no columns.× issue.

Below is the code that Am trying to get it done

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

//google.charts.setOnLoadCallback(drawChart);

google.load('visualization', '1', {packages:['corechart','controls','map','table','gauge'], callback:drawChart});

function drawChart(){

var data = google.visualization.arrayToDataTable([

['Name', 'Sal'],

['Michael' , 555],

['Elisa', 777],

['Robert', 344],

['John', 222],

['Jessica', 116],

['Aaron', 111],

['Margareth', 668],

['Margareth1', 348],

['Margareth2', 450],

['Margareth3', 30]

]);

var options = {

title: "Name Vs Sal",

width: 600,

height: 400,

bar: {groupWidth: "95%"},

legend: { position: "none" },

};

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

AnnotationView_Company.setColumns([0 , 1, { calc: 'stringify', sourceColumn: 1, type: 'string', role: 'annotation' }]);

//var datatableN=AnnotationView_Company.toDataTable(); //DataTable to DataView

//var csv = google.visualization.dataTableToCsv(datatableN);

//console.log(csv);

var chartWrapper = new google.visualization.ChartWrapper({

'chartType': 'ColumnChart',

'containerId': 'chartDiv' ,

'options': options ,

dataTable: data,

view: { columns: AnnotationView_Company }

});

chartWrapper.draw();

// var chart = new google.visualization.ColumnChart(document.getElementById("chartDiv"));

//chart.draw(AnnotationView_Company, options);

//var columnChart = new google.visualization.ColumnChart(document.getElementById('chartDiv'));

//columnChart.draw(data, {title:' Name Vs Donuts Eaten',width: 600, height: 300, legend:''});

}

</script>

<body>

</body>

Please help me out.

regards,

Naresh

Hartmut Gunther

unread,

Apr 15, 2017, 7:43:31 PM4/15/17

to Google Visualization API

You need an additional column for the annotations.

Reply all

Reply to author

Forward

0 new messages