Jquery Javascript错误$（…）。dxChart不是函数

我正在尝试在ASP.NET MVC项目（使用DevExpress）中显示带有jQuery绑定的dxChart。因此，我在rootLayout中包含了必要的脚本：

<script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/knockout-3.0.0.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/globalize.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/dx.chartjs.js")" type="text/javascript"></script>

---

我遗漏了什么？

使用Dx版本15.2.5和JQuery 2.1.4&2.2.0时，我也遇到了这个问题。这个问题让我这么想。正如所建议的，我将我的>标记重新指向以下CDN

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script type="text/javascript" src="http://cdn3.devexpress.com/jslib/15.2.5/js/dx.chartjs.js"></script>

解决这个问题的方法是将chartjs放在DevExpress MVC脚本之后

    <link href="@Url.Content("~/Content/dx.common.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/dx.light.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-2.1.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/globalize.min.js")"></script>
    <script src="@Url.Content("~/Scripts/angular.js")"></script>
    <script src="@Url.Content("~/Scripts/angular-sanitize.js")"></script>
    @Html.DevExpress().GetStyleSheets(
...
    )
    @Html.DevExpress().GetScripts(
...
    )

    <script src="@Url.Content("~/Scripts/dx.chartjs.js")"></script>
    <script src="@Url.Content("~/Scripts/custom.js")" type="text/javascript"></script>

@Html.DevExpress（）.GetStyleSheets(
...
)
@Html.DevExpress（）.GetScripts(
...
)

---

希望有帮助

该位置是否存在dx.chartjs.js？如果您检查浏览器的开发人员工具，您将能够看到每个DevExpress站点的输入加载了哪些脚本-

要使用DevExtreme数据可视化小部件，请参考页面上的以下库。jQuery版本2.0.1+（但IE 8为1.10.0+）

。您的项目中似乎不存在chartjs库。您可以尝试使用CDN脚本，而不是本地的dx.chart.js文件。@Sergey我尝试过，它也有同样的效果。实际上，当我检查页面源代码并找到dx.chartjs.js文件时，我可以访问它并查看其内容。请确保将代码放在主库之后。首先，您应该将

jQuery

，

globalize

，

dx.chart.js

附加到页面。接下来，添加一个初始化

dxChart（）

的代码。

@Html.DevExpress（）.GetScripts（…）

为DevExpress扩展生成一个自定义jquery，因此在扩展助手覆盖它之前放置

：下面是一个类似的问题：

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script type="text/javascript" src="http://cdn3.devexpress.com/jslib/15.2.5/js/dx.chartjs.js"></script>

TypeError: $(...).dxChart is not a function

    <link href="@Url.Content("~/Content/dx.common.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/dx.light.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-2.1.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/globalize.min.js")"></script>
    <script src="@Url.Content("~/Scripts/angular.js")"></script>
    <script src="@Url.Content("~/Scripts/angular-sanitize.js")"></script>
    @Html.DevExpress().GetStyleSheets(
...
    )
    @Html.DevExpress().GetScripts(
...
    )

    <script src="@Url.Content("~/Scripts/dx.chartjs.js")"></script>
    <script src="@Url.Content("~/Scripts/custom.js")" type="text/javascript"></script>