Kendo ui 剑道图数据源传输url不工作

我是剑道UI新手，我的问题是：我正在使用Asp.net MVC，我正在尝试使用传输Url绑定剑道图表，但它不起作用，我花了一整天寻找解决方案，但找不到，感谢您的帮助：这是我的代码：

<script> $("#chart").kendoChart({
dataSource: {
    transport: {
        read: {
            url: "@Html.Raw(Url.Action("Showchart", "Chart"))",
            dataType: "json"
        }
    },
    sort: {
        field: "year",
        dir: "asc"
    }
}
});
</script>
Controller: 
public ActionResult Showchart()
    {
        List<RootObject> Mylist = new List<RootObject>();

        RootObject object1 = new RootObject();
        object1.sales = 200;
        object1.year ="1990";
        Mylist.Add(object1);

        RootObject object2 = new RootObject();
        object2.sales = 230;
        object2.year = "2008";
        Mylist.Add(object2);

        RootObject object3 = new RootObject();
        object3.sales = 260;
        object3.year = "2007";
        Mylist.Add(object3);

        RootObject object4 = new RootObject();
        object4.sales = 659;
        object4.year = "2006";
        Mylist.Add(object4);

        RootObject object5 = new RootObject();
        object5.sales = 400;
        object5.year = "2000";
        Mylist.Add(object5);
        return Json(Mylist);
    }
}

public class RootObject
{
    public int sales;
    public string year;
}

$（“#图表”）.kendoChart({
数据源：{
运输：{
阅读：{
url:“@Html.Raw（url.Action（“Showchart”、“Chart”））”，
数据类型：“json”
}
},
排序：{
字段：“年”，
主管：“asc”
}
}
});
控制器：
公共行动结果图表（）
{
List Mylist=新列表（）；
RootObject object1=新的RootObject（）；
object1.sales=200；
object1.year=“1990”；
Mylist.Add（object1）；
RootObject object2=新的RootObject（）；
object2.sales=230；
object2.year=“2008”；
Mylist.Add（object2）；
RootObject object3=新的RootObject（）；
object3.sales=260；
object3.year=“2007”；
Mylist.Add（object3）；
RootObject object4=新的RootObject（）；
object4.sales=659；
object4.year=“2006”；
Mylist.Add（object4）；
RootObject object5=新的RootObject（）；
object5.sales=400；
object5.year=“2000”；
Mylist.Add（object5）；
返回Json（Mylist）；
}
}
公共类根对象
{
公开销售；
公共字符串年；
}

请尝试以下代码片段

查看

<div id="chart"></div>

<script>
    $("#chart").kendoChart({
        dataSource: {
            transport: {
                read: {
                    url: "@Html.Raw(Url.Action("Showchart", "YourControllerName"))",
                    dataType: "json"
                }
            },
            sort: {
                field: "year",
                dir: "asc"
            }
        },
        seriesDefaults: {
            type: "area"
        },
        series: [{
            field: "sales",
            name: "sales"
        }],
        categoryAxis: {
            field: "year"
        },
    });
</script>

$（“#图表”）。肯多卡特({
数据源：{
运输：{
阅读：{
url:@Html.Raw（url.Action（“Showchart”、“YourControllerName”）”，
数据类型：“json”
}
},
排序：{
字段：“年”，
主管：“asc”
}
},
系列默认值：{
类型：“区域”
},
系列：[{
字段：“销售”，
名称：“销售”
}],
类别：{
字段：“年”
},
});

控制器

public ActionResult Showchart()
{
    List<RootObject> Mylist = new List<RootObject>();

    RootObject object1 = new RootObject();
    object1.sales = 200;
    object1.year = "1990";
    Mylist.Add(object1);

    RootObject object2 = new RootObject();
    object2.sales = 230;
    object2.year = "2008";
    Mylist.Add(object2);

    RootObject object3 = new RootObject();
    object3.sales = 260;
    object3.year = "2007";
    Mylist.Add(object3);

    RootObject object4 = new RootObject();
    object4.sales = 659;
    object4.year = "2006";
    Mylist.Add(object4);

    RootObject object5 = new RootObject();
    object5.sales = 400;
    object5.year = "2000";
    Mylist.Add(object5);
    return Json(Mylist, JsonRequestBehavior.AllowGet);
}

public ActionResult Showchart（）
{
List Mylist=新列表（）；
RootObject object1=新的RootObject（）；
object1.sales=200；
object1.year=“1990”；
Mylist.Add（object1）；
RootObject object2=新的RootObject（）；
object2.sales=230；
object2.year=“2008”；
Mylist.Add（object2）；
RootObject object3=新的RootObject（）；
object3.sales=260；
object3.year=“2007”；
Mylist.Add（object3）；
RootObject object4=新的RootObject（）；
object4.sales=659；
object4.year=“2006”；
Mylist.Add（object4）；
RootObject object5=新的RootObject（）；
object5.sales=400；
object5.year=“2000”；
Mylist.Add（object5）；
返回Json（Mylist，JsonRequestBehavior.AllowGet）；
}

注意：1）要运行上述代码，您必须在视图代码中添加所需的剑道javascript库。2） 将“YourControllerName”文本替换为视图中的控制器名称

---

如果有任何问题，请告诉我。

请尝试使用下面的代码片段

查看

<div id="chart"></div>

<script>
    $("#chart").kendoChart({
        dataSource: {
            transport: {
                read: {
                    url: "@Html.Raw(Url.Action("Showchart", "YourControllerName"))",
                    dataType: "json"
                }
            },
            sort: {
                field: "year",
                dir: "asc"
            }
        },
        seriesDefaults: {
            type: "area"
        },
        series: [{
            field: "sales",
            name: "sales"
        }],
        categoryAxis: {
            field: "year"
        },
    });
</script>

$（“#图表”）。肯多卡特({
数据源：{
运输：{
阅读：{
url:@Html.Raw（url.Action（“Showchart”、“YourControllerName”）”，
数据类型：“json”
}
},
排序：{
字段：“年”，
主管：“asc”
}
},
系列默认值：{
类型：“区域”
},
系列：[{
字段：“销售”，
名称：“销售”
}],
类别：{
字段：“年”
},
});

控制器

public ActionResult Showchart()
{
    List<RootObject> Mylist = new List<RootObject>();

    RootObject object1 = new RootObject();
    object1.sales = 200;
    object1.year = "1990";
    Mylist.Add(object1);

    RootObject object2 = new RootObject();
    object2.sales = 230;
    object2.year = "2008";
    Mylist.Add(object2);

    RootObject object3 = new RootObject();
    object3.sales = 260;
    object3.year = "2007";
    Mylist.Add(object3);

    RootObject object4 = new RootObject();
    object4.sales = 659;
    object4.year = "2006";
    Mylist.Add(object4);

    RootObject object5 = new RootObject();
    object5.sales = 400;
    object5.year = "2000";
    Mylist.Add(object5);
    return Json(Mylist, JsonRequestBehavior.AllowGet);
}

public ActionResult Showchart（）
{
List Mylist=新列表（）；
RootObject object1=新的RootObject（）；
object1.sales=200；
object1.year=“1990”；
Mylist.Add（object1）；
RootObject object2=新的RootObject（）；
object2.sales=230；
object2.year=“2008”；
Mylist.Add（object2）；
RootObject object3=新的RootObject（）；
object3.sales=260；
object3.year=“2007”；
Mylist.Add（object3）；
RootObject object4=新的RootObject（）；
object4.sales=659；
object4.year=“2006”；
Mylist.Add（object4）；
RootObject object5=新的RootObject（）；
object5.sales=400；
object5.year=“2000”；
Mylist.Add（object5）；
返回Json（Mylist，JsonRequestBehavior.AllowGet）；
}

注意：1）要运行上述代码，您必须在视图代码中添加所需的剑道javascript库。2） 将“YourControllerName”文本替换为视图中的控制器名称

---

如果有任何问题，请告诉我。

首先：删除

Html.Raw（）

，只保留

@Url.Action（）

。第二：你能在Chrome/Firefox开发者控制台上发布错误消息吗？嗨，Jayesh，谢谢你的回复，当我删除Ht时；ml.RAw它没有在我的断点处停止，错误是：加载资源失败：服务器首先以404（未找到）的状态响应：删除

Html.RAw（）

，只保留

@Url.Action（）

。第二：你能在Chrome/Firefox开发者控制台上发布错误消息吗？嗨，Jayesh，谢谢你的回复，当我删除Ht时；ml.RAw它没有在我的断点处停止，关于错误它是：加载资源失败：服务器以404（未找到）的状态响应