Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js仅在按下f12后显示_Javascript_Html_Chart.js - Fatal编程技术网

Javascript Chart.js仅在按下f12后显示

Javascript Chart.js仅在按下f12后显示,javascript,html,chart.js,Javascript,Html,Chart.js,我试图在打开网页时在网页上显示股票图表,但除非我按f12,否则它不会显示 我已经尝试过在函数中包含代码,并在按下按钮时显示图表,但它似乎也不起作用 <script type="text/javascript"> var highlist = []; var lowlist = []; var datelist = []; $.getJSON("https://www.alphavantage.co/query?function=TIME_SERIES_

我试图在打开网页时在网页上显示股票图表,但除非我按f12,否则它不会显示

我已经尝试过在函数中包含代码,并在按下按钮时显示图表,但它似乎也不起作用

<script type="text/javascript">
    var highlist = [];
    var lowlist = [];
    var datelist = [];
    $.getJSON("https://www.alphavantage.co/query?function=TIME_SERIES_DAILY&symbol=MSFT&apikey=G9UIQ9K1TRVBHHME", function(json) {
        var times = json["Time Series (Daily)"];
        for(var time in times)
            {
                var stock_info = times[time];
                var highItem = stock_info["2. high"];
                var lowItem = stock_info["3. low"];
                highlist.push(highItem);
                lowlist.push(lowItem);
                datelist.push(time);                                  
            }
    });
    var ctx = document.getElementById("lineChart").getContext('2d');
    var myLineChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: datelist,
        datasets: [{
            label: "My First dataset",
            label: "High",
            backgroundColor: [
            'rgba(204, 204, 255, .2)',
            ],
            borderColor: [
            'rgba(51, 51, 255, .7)',
            ],
            borderWidth: 2,
            data: highlist
            },
            {
            label: "Low",
            backgroundColor: [
            'rgba(0, 137, 132, .2)',
            ],
            borderColor: [
            'rgba(0, 10, 130, .7)',
            ],
            data: lowlist
            }]
        },
    });
</script>

var highlist=[];
var lowlist=[];
var-datelist=[];
$.getJSON(“https://www.alphavantage.co/query?function=TIME_SERIES_DAILY&symbol=MSFT&apikey=G9UIQ9K1TRVBHHME,函数(json){
var times=json[“时间序列(每日)”;
for(以时间为单位的var时间)
{
var stock_info=乘以[时间];
var highItem=股票信息[“2.高”];
var lowItem=股票信息[“3.低”];
highlist.push(highItem);
下推(下推项);
datelist.push(时间);
}
});
var ctx=document.getElementById(“线形图”).getContext(“2d”);
var myLineChart=新图表(ctx{
键入:“行”,
数据:{
标签:日期列表,
数据集:[{
标签:“我的第一个数据集”,
标签:“高”,
背景颜色:[
‘rgba(204204255.2)’,
],
边框颜色:[
'rgba(51,51,255,7)',
],
边界宽度:2,
数据:高级列表
},
{
标签:“低”,
背景颜色:[
'rgba(0,137,132,.2)',
],
边框颜色:[
'rgba(0,10,130,7)',
],
数据:低层
}]
},
});

除非按下f12键,否则图表将显示,但不会显示任何内容。getJson是一个异步函数,因此JS将发送请求,然后在收到响应之前绘制图表


将所有图表内容放入一个函数中,然后在getJson回调中的for循环之后调用该函数。

没问题。如果你能把我的答案记为正确的话,我将不胜感激。