ダイナミック通貨ペアに対するハイチャートのプロット時間

Question

ユーロ/ドル通貨ペアに対して現在の時間を表示するハイチャートチャートがあります。私は秒あたりの通貨層からライブデータを取得しています。

これは、これは私がでて最悪のシナリオでは、ユーロ/ドルは、1ユーロのために、過去4ドルを行くことは決してありませんことを理論化しているJavaScriptコード

$(document).ready(function() { 

window.setInterval(function(){ 
    $.get("http://firmbridgecapital.com/live.php", function(data) { 
    localStorage.setItem("data", data); 
    }); 
}, 5000); 

    Highcharts.setOptions({ 
     global: { 
      useUTC: false 
     } 
    }); 

    Highcharts.chart('container', { 
     chart: { 
      type: 'spline', 
      animation: Highcharts.svg, // don't animate in old IE 
      marginRight: 10, 
      events: { 
       load: function() { 

        // set up the updating of the chart each second 
        var series = this.series[0]; 
        setInterval(function() { 
         var x = (new Date()).getTime(), // current time 
          y = Math.random(); 
         series.addPoint([x, y], true, true); 
        }, 5000); 
       } 
      } 
     }, 
     title: { 
      text: 'Live random data' 
     }, 
     xAxis: { 
      type: 'datetime', 
      tickPixelInterval: 150 
     }, 
     yAxis: { 
      title: { 
       text: 'Value' 
      }, 
      plotLines: [{ 
       value: 0, 
       width: 1, 
       color: '#808080' 
      }] 
     }, 
     tooltip: { 
      formatter: function() { 
       return '<b>' + this.series.name + '</b><br/>' + 
        Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' + 
        Highcharts.numberFormat(this.y, 2); 
      } 
     }, 
     legend: { 
      enabled: false 
     }, 
     exporting: { 
      enabled: false 
     }, 
     series: [{ 
      name: 'Random data', 
      data: (function() { 
       // generate an array of random data 
       var data = [], 
        time = (new Date()).getTime(), 
        i; 

       for (i = -150; i <= 0; i += 25) { 
        data.push({ 
         x: time, 
         y: parseInt(localStorage.getItem("data")) 
        }); 
       } 
       return data; 
      }()) 
     }] 
    }); 
}); 

あるチャートhttp://jsfiddle.net/15vsdy63/25/

ですY軸、私は0から4の値を持つことを考えており、x軸は現在の時間を持ちます。

上記の例では、y軸に0〜4の表示ができません。また、私は曲線の下の領域が青のような色を持つのが大好きです。

1. どのように私は、Y - 軸が0

4と
がどのように私は青のような色を持つように曲線下面積を持つことができます表示させることができますか？

ありがとう。

Answer 1

y軸が0から&の間の値を表示する場合は、max: your valueを使用し、曲線の色が青の場合は、グラフタイプを領域chart:{type:area, ...に変更します。 https://jsfiddle.net/68oe1oLf/