Model view controller MVC中的谷歌图表

我正在尝试在我们的MVC应用程序上实现google图表。到目前为止，我使用stati数据使其工作正常，只是为了看看它在界面上会是什么样子。但是，我已经创建了控制器来检索并将正确的数据传递给图表。我的问题是我的控制器没有从JS触发？我在我的控制器上设置了一个断点进行检查。控制台上也没有错误

我的仪表板控制器：

    public JsonResult GetUploadTypesPerAccount()
            {
                var accountUploadTypes =  _evidenceRepository.GetForAccountPaged();
                return Json(accountUploadTypes , JsonRequestBehavior.AllowGet);

            }

 $(document).ready(function () {
            //use ajax
            $(function () {
                $.ajax({
                    type: 'GET',
                    dataType: 'json',
                    contentType: 'application/json',
                    url: '@Url.Action("GetUploadTypesPerAccount", "Dashboard")',
                    data: {},
                    success: function (chartsDataFinal) {
                        var data = new google.visualization.DataTable();

                        var options = {
                            title: 'Stakeholders',
                            pieHole: 0.4,
                            width: 400,
                            height: 400,
                        };

                        data.addColumn('string', 'UploadType');
                        data.addColumn('number', 'UploadTypeCount');

                        for (var i = 0; i < chartsDataFinal.length; i++) {
                            data.addRow([chartsDataFinal[i].UploadType, chartsDataFinal[i].UploadTypeCount]);
                        }

                       var chart = new google.visualization.PieChart(document.getElementById('donutchart2'));
                        chart.draw(data,options);
                    }
                });
            })
    });

我创建了单独的dashboard.js：

    public JsonResult GetUploadTypesPerAccount()
            {
                var accountUploadTypes =  _evidenceRepository.GetForAccountPaged();
                return Json(accountUploadTypes , JsonRequestBehavior.AllowGet);

            }

 $(document).ready(function () {
            //use ajax
            $(function () {
                $.ajax({
                    type: 'GET',
                    dataType: 'json',
                    contentType: 'application/json',
                    url: '@Url.Action("GetUploadTypesPerAccount", "Dashboard")',
                    data: {},
                    success: function (chartsDataFinal) {
                        var data = new google.visualization.DataTable();

                        var options = {
                            title: 'Stakeholders',
                            pieHole: 0.4,
                            width: 400,
                            height: 400,
                        };

                        data.addColumn('string', 'UploadType');
                        data.addColumn('number', 'UploadTypeCount');

                        for (var i = 0; i < chartsDataFinal.length; i++) {
                            data.addRow([chartsDataFinal[i].UploadType, chartsDataFinal[i].UploadTypeCount]);
                        }

                       var chart = new google.visualization.PieChart(document.getElementById('donutchart2'));
                        chart.draw(data,options);
                    }
                });
            })
    });

$（文档）.ready（函数（）{
//使用ajax
$（函数（）{
$.ajax({
键入：“GET”，
数据类型：“json”，
contentType:'应用程序/json'，
url:'@url.Action（“GetUploadTypesPerAccount”，“Dashboard”），
数据：{}，
成功：功能（chartsDataFinal）{
var data=new google.visualization.DataTable（）；
变量选项={
标题：“利益相关者”，
pieHole:0.4，
宽度：400，
身高：400，
};
data.addColumn（'string'，'UploadType'）；
data.addColumn（'number'，'UploadTypeCount'）；
对于（变量i=0；i

我可以通过在cshtml中声明Url.Action，然后在JS中使用全局变量来修复它

cshtml:

var uploadTypePath = "@Url.Action("GetUploadTypesPerAccount", "DashboardSummary")";

JS:

删除

$（document）.ready（函数（）{

或

$（函数（）{