Erro de Javascript $ (…) .dxChart não é uma função
Eu estou tentando exibir um dxChart com ligação jQuery em um projeto asp.net MVC (com DevExpress). Então, incluí os scripts necessários no 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>
Em seguida, adicionei a tag div e o script de ligação em uma exibição parcial:
<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>
Nada aparece na exibição e recebo este erro:
TypeError: $(...).dxChart is not a function
O que estou perdendo ?