shieldui - 外国為替データ ポイントを Shield UI Chart に動的に追加する

Question

外国為替プロバイダーから受け取ったポイントを Shield UI Chart に動的に追加する必要があります。ドキュメントによると、ポイントを動的に追加する可能性はありません。少なくとも、AddPoint などのような方法はありません。常にいくつかの為替レートを表示する Shield UI Chart を使用して Web ページを作成するにはどうすればよいですか?

Answer 1

そうです、Shield UI Chart の addPoints メソッドはありません。ただし、代わりに受信データ値を配列に追加できます。次のコードが役立つ場合があります。

1. 表示する必要がある数の配列が必要です。

       var EURUSD = new Array();
       var USDCAD = new Array();
       var GBPUSD = new Array();
   

2. 実際にデータを表示する関数の本体には、次のコードがあります。

       EURUSD[EURUSD.length] = parseFloat(data.ticks.EURUSD);
       USDCAD[USDCAD.length] = parseFloat(data.ticks.USDCAD);
       GBPUSD[GBPUSD.length] = parseFloat(data.ticks.GBPUSD);
   

   実際には、指定された配列に新しいデータが配置されます。データが受信されるたびに、各配列の最後のインデックスに追加されていることに注意してください。

    EURUSD.length 
   

3. 配列が大きくなりすぎないようにするため、保持する必要があるポイントの数を指定することをお勧めします。その制限に達すると、最も古いポイントを削除します。

                   if (EURUSD.length > 50)
                       EURUSD = EURUSD.splice(1, 49);
   
                   if (USDCAD.length > 50)
                       USDCAD = USDCAD.splice(1, 49);
   
                   if (GBPUSD.length > 50)
                       GBPUSD = GBPUSD.splice(1, 49);
   

4. 最後に、適切なコンテナーを参照してチャートを再作成する必要があります。

                   var containter = $("#EURUSDChart").swidget();
                   containter.destroy();
   

チャートを再度作成します。