Я хочу использовать компонент диаграммы в кендоуи, но в процессе его использования я столкнулся со следующей проблемой, которая вызвала у меня $ (...). KendoChart не является функцией.Я ввел необходимые js, я хочу знать, что я должен делать, вот мой код
<head>
<meta charset="utf-8" />
<title></title>
<script src="${base.contextPath}/lib/kendoui/js/jquery.min.js"></script>
<script src="${base.contextPath}/lib/kendoui/js/kendo.all.min.js"></script>
</head>
<body>
<style>
</style>
<div class="row" id="exmple">
<div class="demo-section k-content wide">
<div id="chart"></div>
</div>
</div>
<script>
var data = [
{
"source": "Hydro",
"percentage": 22,
"explode": true
},
{
"source": "Solar",
"percentage": 2
},
{
"source": "Nuclear",
"percentage": 49
},
{
"source": "Wind",
"percentage": 27
}
];
function createChart() {
$("#chart").kendoChart({
title: {
text: "Break-up of Spain Electricity Production for 2008"
},
legend: {
position: "bottom"
},
dataSource: {
data: data
},
series: [{
type: "pie",
field: "percentage",
categoryField: "source",
explodeField: "explode"
}],
seriesColors: ["#03a9f4", "#ff9800", "#fad84a", "#4caf50"]
});
}
$(document).ready(createChart);
$(document).bind("kendo:skinChange", createChart);
</script>
</body>
Uncaught TypeError: $ (...). KendoChart не является функцией