如何将JSON数据导入highstocks烛台型图？

我正在做一个股票分析项目，我已经从雅虎财经得到了所有的股票报价，现在我想制作它们的动态图表。我正在使用highcharts.com上的highstock烛台…我没有关于JSON的任何信息。我已经看到有一个代码可以将数据导入图表。我已经使用“THENEWBOSTON”的stock ANALYZER教程获得了股票报价。我需要知道如何将该数据链接到highstock

这是样本数据…我如何从雅虎财经网站添加真实数据？？？ Plz帮助

$.getJSON（'http://www.highcharts.com/samples/data/jsonp.php?a=e&filename=aapl-json&回调=？'，函数（数据）
Highstock示例
${demo.css}
$（函数（）{
$.getJSON（'http://www.highcharts.com/samples/data/jsonp.php?a=e&filename=aapl-json&回调=？'，函数（数据）{
//创建图表
$（“#容器”）.highcharts（'StockChart'{
范围选择器：{
已输入：$（“#容器”）.width（）>480，
选定：1
},
标题：{
文本：“AAPL股价”
},
系列：[{
键入：“烛台”，
名称：“AAPL股价”，
数据：数据，
数据分组：{
单位：[
[
'周'，//单位名称
[1] //允许的倍数
], [
“月”，
[1, 2, 3, 4, 6]
]
]
}
}]
});
});
});

虽然有点晚了，但我认为这可能对寻找类似解决方案的人有用。 使用YQL显示雅虎未婚夫GOOG的股价

$(function () {

$.getJSON("https://query.yahooapis.com/v1/public/yql?q=" + encodeURIComponent("select Date, Open, High, Low, Close from csv where url='http://real-chart.finance.yahoo.com/table.csv?s=GOOG&d=2&e=4&f=2015&g=d&a=2&b=27&c=2014&ignore=.csv' and columns='Date,Open,High,Low,Close,Volume,Adj Close'") + "&format=json&callback=?", function (data) {

    //console.log(data.query.results);
    var data = data.query.results.row;
    data = data.splice(1, data.length);
    //console.log(data);

    var processedData = [];
    $(data).each(function(index, value) {
       //console.log(Date.parse(value.Date).getTime());
       //console.log(Date.parse(value.Date));
        processedData.push([Date.parse(value.Date), parseFloat(value.Open), parseFloat(value.High), parseFloat(value.Low), parseFloat(value.Close)]);
    });
    processedData = processedData.reverse();
    //console.log(processedData);

    // Create the chart
    $('#container').highcharts('StockChart', {


        rangeSelector : {
            selected : 1
        },

        title : {
            text : 'GOOG Stock Price'
        },

        series : [{
            type : 'candlestick',
            name : 'GOOG Stock Price',
            data : processedData,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });
});

---

}))

请在呈现图表之前将您尝试的内容添加到问题中，您需要预处理数据以满足Highstock的要求，请参阅。

$(function () {

$.getJSON("https://query.yahooapis.com/v1/public/yql?q=" + encodeURIComponent("select Date, Open, High, Low, Close from csv where url='http://real-chart.finance.yahoo.com/table.csv?s=GOOG&d=2&e=4&f=2015&g=d&a=2&b=27&c=2014&ignore=.csv' and columns='Date,Open,High,Low,Close,Volume,Adj Close'") + "&format=json&callback=?", function (data) {

    //console.log(data.query.results);
    var data = data.query.results.row;
    data = data.splice(1, data.length);
    //console.log(data);

    var processedData = [];
    $(data).each(function(index, value) {
       //console.log(Date.parse(value.Date).getTime());
       //console.log(Date.parse(value.Date));
        processedData.push([Date.parse(value.Date), parseFloat(value.Open), parseFloat(value.High), parseFloat(value.Low), parseFloat(value.Close)]);
    });
    processedData = processedData.reverse();
    //console.log(processedData);

    // Create the chart
    $('#container').highcharts('StockChart', {


        rangeSelector : {
            selected : 1
        },

        title : {
            text : 'GOOG Stock Price'
        },

        series : [{
            type : 'candlestick',
            name : 'GOOG Stock Price',
            data : processedData,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });
});