从JSON获取数据以供进一步使用

时间:2017-10-05 12:00:34

标签: javascript json ajax graph alphavantage

我对此很新。但我最终想要实现的是将股票数据的实时图表绘制到网页上。

我有以下代码从Alpha Vantage API获取数据并以JSON格式返回。

var apiKey = "<key>";
var symbol = "MSFT";
var interval = "1min";

var url = "https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol="+symbol+"&interval="+interval+"&apikey="+apiKey;

$(function() {
    var $stocks = $('#stocks');
    $.ajax({
        type: 'GET',
        url: url,

        success: function(stockInfo) {
            console.log('success', stockInfo);
        }

    });
});

当我运行代码时,以下内容将打印到控制台。

{
"Meta Data": {
    "1. Information": "Intraday (1min) prices and volumes",
    "2. Symbol": "MSFT",
    "3. Last Refreshed": "2017-10-04 16:00:00",
    "4. Interval": "1min",
    "5. Output Size": "Compact",
    "6. Time Zone": "US/Eastern"
},
"Time Series (1min)": {
    "2017-10-04 16:00:00": {
        "1. open": "74.6850",
        "2. high": "74.7200",
        "3. low": "74.6500",
        "4. close": "74.6900",
        "5. volume": "1664269"
    },
    "2017-10-04 15:59:00": {
        "1. open": "74.6800",
        "2. high": "74.7000",
        "3. low": "74.6800",
        "4. close": "74.6850",
        "5. volume": "201999"
    },

等。等打印所有股票价格, 这里有一个例子:

https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol=MSFT&interval=1min&apikey=demo

基本上,我可以看到这里有多个对象?元数据后跟股票价格数据。我不确定如何访问此信息。

我希望能够存储开盘价,最高价,最低价以及收盘价,以便我可以稍后用数据绘制蜡烛图。我不确定如何检索该数据并将其保存在某处。

接下来,我想实时绘制图表,那么我将如何继续进行api调用以便能够不断获取更新的信息?

1 个答案:

答案 0 :(得分:-1)

我的建议是将其输入到控制台中,就像您已经完成的那样,然后使用检查器在您的Web浏览器中打开它(Ctrl + shift + i in chrome)。这应该是允许您查看对象及其所有组件,以便您可以看到结构。同样,您可以使用

Object.keys(obj)

为了查看所有键,因此每个键的循环可能会告诉您哪里和哪里,您可以充分编码。