Javascript Error $ (…) .dxChart ist keine Funktion
Ich versuche, ein dxChart mit jQuery-Bindung in einem ASP.NET MVC-Projekt (mit DevExpress) anzuzeigen. Also habe ich die notwendigen Skripte in das rootLayout aufgenommen:
<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>
Dann habe ich das div-Tag und das Bindungsskript in einer Teilansicht hinzugefügt:
<div id='chartContainer'></div>
<script>
$(function() {
var dataSource = @Html.Raw(Model.RepartitionDesRdvs);
$("#chartContainer").dxChart({
size: {
width: 300
},
dataSource: dataSource,
commonSeriesSettings: {
argumentField: 'Statut',
type: 'pie'
},
series: [
{
argumentField: "Statut",
valueField: "Total",
label: {
visible: true,
connector: {
visible: true,
width: 1
}
}
}
],
title: "Répartition des Rendez Vous",
onPointClick: function (e) {
var point = e.target;
point.isVisible() ? point.hide() : point.show();
}
});
});
</script>
Nichts wird in der Ansicht angezeigt und ich erhalte den folgenden Fehler:
TypeError: $(...).dxChart is not a function
Was vermisse ich