剑道图表数据源传输 url 不起作用答案

【问题标题】：kendo chart datasource transport url not working剑道图表数据源传输 url 不起作用
【发布时间】：2016-01-07 21:44:17
【问题描述】：

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

<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;
}

【问题讨论】：

第一：删除Html.Raw()，只保留@Url.Action()。第二：您可以发布您从 Chrome/Firefox 开发者控制台收到的错误消息吗？
嗨 Jayesh，感谢您的回复，当我删除 Ht;ml.RAw 时，它并没有在我的中断点停止，关于错误它是：加载资源失败：服务器响应404 状态（未找到）

标签： kendo-ui asp.net-mvc-5 telerik kendo-asp.net-mvc kendo-chart

【解决方案1】：

请尝试以下代码 sn-p。

查看

<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>

控制器

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);
}

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

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

【讨论】：