將數據添加到TeeChart（Javascript/HTML5）的CandleChart（OHLC）

Question

我正在嘗試繪製一個TeeChart JavaScript版本的CandleStick圖表。 但是我只找到了下面的演示。 我想知道如何添加系列（數據），而不是使用addRandom()方法。 a addRandom(）沒有解釋如何添加實際數據。

如果你可以提供演示與添加Json數據將是美好的。 在此先感謝。

function draw() { 
    Chart1=new Tee.Chart("canvas"); 
    Chart1.title.text="Candle OHLC"; 

    var ohlc=new Tee.Candle(); 
    Chart1.addSeries(ohlc).addRandom(20); 

    Chart1.draw(); 
} 

Answer 1

您將在演示here找到populating series with JSON examples，特別是在數據源部分。

蠟燭系列應該填充這樣的：

series.add(DateTime date, double open, double high, double low, double close); 

但是，使用JavaScript版本，你應該創建附加的功能是這樣的：

function draw() { 
    Chart1=new Tee.Chart("canvas"); 
    Chart1.title.text="Candle OHLC"; 

    var ohlc=new Tee.Candle(); 
    Chart1.addSeries(ohlc); 

    ohlc.add=function(open, close, high, low) { 
    var d=this.data; 
    var count; 

    if (d.open) count=d.open.length+1; else count=1; 
    d.values.length=count; 
    d.close=d.values; 

    if (d.open) d.open.length=count; else d.open=new Array(1); 
    if (d.close) d.close.length=count; else d.close=new Array(1); 
    if (d.high) d.high.length=count; else d.high=new Array(1); 
    if (d.low) d.low.length=count; else d.low=new Array(1); 

    d.open[count-1]=open; 
    d.close[count-1]=close; 
    d.high[count-1]=high; 
    d.low[count-1]=low; 
    } 

    for (var i=0; i<5; i++) { 
    var o=25+Math.random()*100; 
    var c=o+(Math.random()*25)-12.5; 
    ohlc.add(o, c, Math.max(o,c)+Math.random()*15, Math.min(o,c)-Math.random()*15); 
    } 

    Chart1.draw(); 
}