javascript - Chart.js PHP数据库数据未显示

在当前项目中，我想使用Chart.js显示数据库中的某些数据。现在，我有一个问题，我没有得到任何数据，相反，我总是在Chrome中收到错误消息“ $不是函数”。
我已经尝试过一些方法，不幸的是没有成功。
我还在我的JS脚本的顶部包括了最新版本的JQuery。

我的MySQL数据库的值是通过PHP脚本获取的，该脚本以JSON格式显示。在那里，我得到了所有数据。

我的JS脚本调用：

<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/popper.js/dist/umd/popper.min.js"></script>
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/admin.js"></script>

<script src="vendors/chart.js/dist/Chart.bundle.min.js"></script>
<script src="assets/js/statistics/show-all-views.js"></script>

我的Chart.js代码：

$(document).ready(function() {
    $.ajax({
        url: "http://localhost/fitnesslaeufer_cms/admin/includes/statistics/charts-data/show-all-views.php",
        method: "GET",
        success: function(data) {
            console.log(data);
            var views = [];

            for(var i in data) {
                views.push(data[i].score);
            }

            var ctx = document.getElementById("monthlyViews");
            ctx.height = 50;
            var myChart = new Chart(ctx, {

                type: 'line',
                data: {
                       labels: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
                       datasets: [
                           {
                              label: "My First dataset",
                              borderColor: "rgba(0,0,0,.09)",
                              borderWidth: "1",
                              backgroundColor: "rgba(0,0,0,.07)",
                              data: views
                           }
                      ] ........

最佳答案

对您的文档使用jQuery，并使sur在回调中传递$。

  jQuery(document).ready(function($) {
      // Your code here
  });

关于javascript - Chart.js PHP数据库数据未显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58134462/