I am unable to show data provided from database in the google chart. I am constantly getting the same error in chrome console.
What I have tried:
@model IEnumerable<business_entities.traineesearch>
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawDualY);
function drawDualY() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topic');
data.addColumn('string', 'Test');
data.addColumn('string', 'Retest');
@foreach (var item in Model)
{
@: data.addRows[{@item.TTopic},@item.TScoreTest,@item.TScoreRetest],
}
var options = {
chart: {
title: 'Employee Score Card',
},
series: {
0: {axis: ''},
1: {axis: ''}
},
axes: {
y: {
MotivationLevel: {label: 'Test Score'},
EnergyLevel: {label: 'Restest Score'}
}
},
hAxis: {
title: 'Test Topic',
format: '',
viewWindow: {
min: [9, 30, 0],
max: [17, 30, 0]
}
},
vAxis: {
title: 'Employee Score'
}
};
var materialChart = new google.charts.Bar(document.getElementById('chart_div'));
materialChart.draw(data, options);
}
<div id="chart_div" style="height: 40%; width: 40%"></div>