<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
.field-validation-error {
<div class="col-md-6 col-md-offset-3">
<div id="Chart01Div"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
'headerRow': 'header-style',
'tableCell': 'table-rows'
cssClassNames: googleApiClass
url: '@Url.RouteUrl(new { action="GetData", controller="Home" })',
contentType: "application/json; charset=utf-8",
var data = new google.visualization.DataTable();
data.addColumn('string', 'First_name');
data.addColumn('string', 'Salary');
data.addColumn('boolean', 'Full_Time_Employee');
$.each(r, function (i, obj) {
rows.push([obj.First_Name, obj.Salary, obj.Full_Time_Employee]);
var chart = new google.visualization.Table($("#Chart01Div")[0]);
chart.draw(data, options);
var chart = new google.visualization.Table($("#Chart01Div")[0]);
var data = new google.visualization.DataTable();
data.addColumn('string', 'First_name');
data.addColumn('string', 'Salary');
data.addColumn('boolean', 'Full_Time_Employee');
['Mike', '$10,000', true],
['Jim', '$8,000', false],
['Alice', '$12,500', true],
chart.draw(data, options);
google.load("visualization", "1", { packages: ["table"] });
google.setOnLoadCallback(drawChart01);