- <div id="chart_div"></div>
- <script type="text/javascript">
-
-
-
- google.charts.load('current', { packages: ['corechart', 'bar'] });
- google.charts.setOnLoadCallback(LoadData);
- function LoadData()
- {
- $.ajax({
- url: '@Url.Action("PopulationChart","SMS")',
- dataType: "json",
- type: "GET",
- error: function (xhr, status, error)
- {
- var err = eval("(" + xhr.responseText + ")");
- toastr.error(err.message);
- },
- success: function (data)
- {
- PopulationChart(data);
- return false;
- }
- });
- return false;
- }
-
- function PopulationChart(data) {
- var tdata = new google.visualization.DataTable(data);
- tdata.addColumn('string', 'Location');
- tdata.addColumn('number', 'Count');
- for (var i = 0; i < data.length; i++) {
-
- var xxx = data[i].Location;
- tdata.addRow([data[i].Location, 1]);
- }
- var options = {
- 'title': 'How Much Pizza I Ate Last Night',
-
-
-
- };
- var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
- chart.draw(tdata, options);
- return false;
- }
- </script>
My problem is google charts can't seem to display the data[i].Location contents. Any help would be very appreciated.