有没有人用HumbleFinance来显示图表/图表

时间:2011-04-07 09:19:10

标签: javascript graph plot charts

我正在使用Humble Finance来显示类似于Google Charts的图表。

我的示例数据是

var jsonData = [
   {date:'August 19, 2010',open:100.01,high:104.06,low:95.96,close:100.34,volume:22088000},
   {date:'September 20, 2010',open:101.48,high:109.08,low:100.50,close:108.31,volume:11377000}
]

在Jquery Ready函数内部我使用我的数据加载它:

jQuery(document).ready(function(){
   var priceData = [];
   for(var i = 0; i<jsonData.length; i++) {
       priceData.push([i, jsonData[i].low]);
   }
}

我想使用

在X轴标签上打印日期
HumbleFinance.xTickFormatter = function (n) { 
     var date = jsonData[n].date;
     return date; 
}

但它不起作用,它会在FireBug上抛出此错误:

jsonData[n] is undefined 
HumbleFinance.xTickFormatter = function (n) {
    var date = jsonData[n].date; 
    date = date.split(' '); 
    return date;
} 

2 个答案:

答案 0 :(得分:0)

也许jsonData不在xTickerFormatter的范围内,你需要将它存储在另一个局部变量中,类似于priceData?

答案 1 :(得分:0)

这是因为'n'是一个浮点数。在索引数组之前使用Math.floor将其转换为整数。

        var index = Math.floor(n);
        var date = jsonData[index].date;