HighChart.js 数据源推荐

Posted 2023-02-26

【中文标题】HighChart.js 数据源推荐

【英文标题】：HighChart.js data source recommendations

【发布时间】：2013-03-25 02:32:41

【问题描述】：

我希望将 Highstock.js 用于我正在开发并希望通过 Highcharts 股票库图表实现股票表现的应用程序； http://www.highcharts.com/stock/demo/

我想知道是否有关于从哪里获取数据源的好建议？

谢谢！

【参考方案1】：

我从 API 获取数据，然后将数据存储在本地存储中。

例如：

这会从 API 中获取数据以用于 Highcharts，并将其存储/更新到本地存储 (jStorage)。

    updateLocalStorage: function(id) 
        //Check if local storage needs updating
        if (isNaN($.jStorage.get(id))) 
            //Data exists in Localstorage, merge data
            //Query API for highstock data

            return $.post('api/', 
                data_id: id
            , function(data) 
                if (data) 
                    var merged = $.extend($.jStorage.get(id), data);
                    $.jStorage.set(id, merged);
                
            );

            //return true;
        

获取此数据后，我会根据存储在本地存储中的数据渲染高图。

$.when(updateLocalStorage(id)).then(function(response)               
if(response)
//Local storage is up to date. Render chart

);

我还可以使用计时器从 API 获取数据并更新本地存储，当我想重新渲染图表时，我可以使用 highcharts setData 方法，例如：

var json = $.jStorage.get(id);

for(i =0; i < json.data; i++) 
    chart_object.series[i].setData(json.data[i]);

【讨论】：

感谢 StuR，我正在使用 xIgnite 作为我的数据源，xignite.com 非常好的 API，Highstocks 所需的清理工作最少

【参考方案2】：

您可以在系列/数据对象中硬编码数据，如示例http://www.highcharts.com/demo/ 显然您也可以使用动态方式定义点。

http://docs.highcharts.com/#preprocessing

【参考方案3】：

如果您询问从哪里获取金融股票价格数据，我知道有几个来源，包括谷歌金融和雅虎金融。以下是一些可以帮助您的链接：

How can I get stock quotes using Google Finance API?

http://www.yqlblog.net/blog/2009/06/02/getting-stock-information-with-yql-and-open-data-tables/