Javascript 我不在ajax脚本文件上使用graph mdb.js

我尝试像这样在脚本上包含js文件 这是真的吗

但它不起作用，我不能显示图形，也不能将ajax api数据用于myPieChart，我也尝试了

myPieChart.datasets.data[0]=min这样正确吗？

// JQuery 
var jQueryScript = document.createElement('script');  
jQueryScript.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js');
document.head.appendChild(jQueryScript);
// MDB core JavaScript 
var mdbScript = document.createElement('script');  
mdbScript.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.10.1/js/mdb.min.js');
document.head.appendChild(mdbScript);

var bootstrapToolTip = document.createElement('script');  
bootstrapToolTip.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js');
document.head.appendChild(bootstrapToolTip);

var bootstrapCore = document.createElement('script');  
bootstrapCore.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js');
document.head.appendChild(bootstrapCore);

$(document).ready(function(){
    $("#submitForecast").click(function(){
        return getForecast();
    });

    });

    var min,max,pressure,humidity,speed,deg;

    function getForecast(){
        var city = $("#city").val();
        var days = $("#days").val();

        if(city != '' && days != ''){

            $.ajax({
                url: 'http://api.openweathermap.org/data/2.5/forecast/daily?q=' + city + "&units=metric" + "&cnt=" + days + "&APPID=c10bb3bd22f90d636baa008b1529ee25",
                type: "GET",
                async:false,
                dataType: "jsonp",
                success: function(data){

                    for(var i = 0; i < data.list.length; i++){

                        min += data.list[i].temp.min
                        max += data.list[i].temp.max
                        pressure += data.list[i].pressure
                        humidity += data.list[i].humidity
                        speed += data.list[i].speed
                        deg += data.list[i].deg
                    }

                    $("#city").val('');
                    $("#days").val('')

                }

            });

        }else{
            $("#error").html("<div class='alert alert-danger' id='errorCity'><a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>City field cannot be empty</div>");
        }

    }

//pie
var ctxP = document.getElementById("pieChart").getContext('2d');
var myPieChart = new Chart(ctxP, {
type: 'pie',
data: {
labels: ["Red", "Green", "Yellow", "Grey", "Dark Grey"],
datasets: [{
data: [300, 50, 100, 40, 120],
backgroundColor: ["#F7464A", "#46BFBD", "#FDB45C", "#949FB1", "#4D5360"],
hoverBackgroundColor: ["#FF5A5E", "#5AD3D1", "#FFC870", "#A8B3C5", "#616774"]
}]
},
options: {
responsive: true
}
});

myPieChart.datasets.data[0] = min;
myPieChart.datasets.data[1] = max;
myPieChart.datasets.data[2] = pressure;
myPieChart.datasets.data[3] = humidity;
myPieChart.datasets.data[4] = speed;

//JQuery
var jQueryScript=document.createElement（'script'）；
jQueryScript.setAttribute（'src'，'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js');
document.head.appendChild（jQueryScript）；
//MDB核心JavaScript
var mdbScript=document.createElement（'script'）；
mdbScript.setAttribute（'src'，'https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.10.1/js/mdb.min.js');
文件.头.附件（mdbScript）；
var bootstrapToolTip=document.createElement（'script'）；
bootstrapToolTip.setAttribute（'src'，'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js');
document.head.appendChild（bootstrapToolTip）；
var bootstrapCore=document.createElement（'script'）；
bootstrapCore.setAttribute（'src'，'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js');
文件.头.附件（bootstrapCore）；
$（文档）.ready（函数（）{
$（“#提交预测”）。单击（函数（）{
返回getForecast（）；
});
});
var最小值、最大值、压力、湿度、速度、度；
函数getForecast（）{
var city=$（“#city”）.val（）；
var days=$（“#days”）.val（）；
如果（城市！=''&&days！=''）{
$.ajax({
网址：'http://api.openweathermap.org/data/2.5/forecast/daily?q=“+city+”&units=metric“+”&cnt=“+days+”&APPID=c10bb3bd22f90d636baa008b1529ee25”，
键入：“获取”，
async:false，
数据类型：“jsonp”，
成功：功能（数据）{
对于（var i=0；i

我拿那两个厄洛斯我不解决那问题

我希望找到一个解决方案
将错误复制为文本比将其发布为图像链接更有用：）对不起，我的错误在这里：未捕获的引用错误：图表未定义您的脚本标记可能未加载等，这是向文档添加脚本的一种非常糟糕的方式（浏览器很难预测，等等）-尝试将它们添加到页面的HTML中我知道，但是如果我在HTML上使用的是我没有达到的，并且我没有分配变量，那么我必须使用ajax数据来推动图表，我应该使用nodeJS吗？
// JQuery 
var jQueryScript = document.createElement('script');  
jQueryScript.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js');
document.head.appendChild(jQueryScript);
// MDB core JavaScript 
var mdbScript = document.createElement('script');  
mdbScript.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.10.1/js/mdb.min.js');
document.head.appendChild(mdbScript);

var bootstrapToolTip = document.createElement('script');  
bootstrapToolTip.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js');
document.head.appendChild(bootstrapToolTip);

var bootstrapCore = document.createElement('script');  
bootstrapCore.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js');
document.head.appendChild(bootstrapCore);

$(document).ready(function(){
    $("#submitForecast").click(function(){
        return getForecast();
    });

    });

    var min,max,pressure,humidity,speed,deg;

    function getForecast(){
        var city = $("#city").val();
        var days = $("#days").val();

        if(city != '' && days != ''){

            $.ajax({
                url: 'http://api.openweathermap.org/data/2.5/forecast/daily?q=' + city + "&units=metric" + "&cnt=" + days + "&APPID=c10bb3bd22f90d636baa008b1529ee25",
                type: "GET",
                async:false,
                dataType: "jsonp",
                success: function(data){

                    for(var i = 0; i < data.list.length; i++){

                        min += data.list[i].temp.min
                        max += data.list[i].temp.max
                        pressure += data.list[i].pressure
                        humidity += data.list[i].humidity
                        speed += data.list[i].speed
                        deg += data.list[i].deg
                    }

                    $("#city").val('');
                    $("#days").val('')

                }

            });

        }else{
            $("#error").html("<div class='alert alert-danger' id='errorCity'><a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>City field cannot be empty</div>");
        }

    }

//pie
var ctxP = document.getElementById("pieChart").getContext('2d');
var myPieChart = new Chart(ctxP, {
type: 'pie',
data: {
labels: ["Red", "Green", "Yellow", "Grey", "Dark Grey"],
datasets: [{
data: [300, 50, 100, 40, 120],
backgroundColor: ["#F7464A", "#46BFBD", "#FDB45C", "#949FB1", "#4D5360"],
hoverBackgroundColor: ["#FF5A5E", "#5AD3D1", "#FFC870", "#A8B3C5", "#616774"]
}]
},
options: {
responsive: true
}
});

myPieChart.datasets.data[0] = min;
myPieChart.datasets.data[1] = max;
myPieChart.datasets.data[2] = pressure;
myPieChart.datasets.data[3] = humidity;
myPieChart.datasets.data[4] = speed;