2012-05-02 7 views
1

こんにちは私は2つのペインが何が起こったことは、バンドは私が気づいたことは、このチャートが唯一持っているhttp://jsfiddle.net/6sqEd/ここでのように、両方のy軸に影響を与えている、私はそのチャートにplodBandsを置くhttp://www.highcharts.com/stock/demo/candlestick-and-volume をグラフ使用しています1つのxAxis。plotbandsは、2つのペインの一つのターゲット

このPlotBandsアゼットを最初のyAxisだけにすることはできますか?

$(function() { 
    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl- ohlcv.json&callback=?', function(data) { 

    // split the data set into ohlc and volume 
    var ohlc = [], 
     volume = [], 
     dataLength = data.length; 

    for (i = 0; i < dataLength; i++) { 
     ohlc.push([ 
      data[i][0], // the date 
      data[i][1], // open 
      data[i][2], // high 
      data[i][3], // low 
      data[i][4] // close 
     ]); 

     volume.push([ 
      data[i][0], // the date 
      data[i][5] // the volume 
     ]) 
    } 


    // create the chart 
    chart = new Highcharts.StockChart({ 
     chart: { 
      renderTo: 'container', 
      alignTicks: false 
     }, 

     rangeSelector: { 
      selected: 5 
     }, 

     title: { 
      text: 'AAPL Historical' 
     }, 
     xAxis:[{ 
      plotBands : [{ 
       from : 1115856000000, 
       to : 1128384000000, 
       color : 'rgba(68, 170, 213, 0.2)', 
       label : { 
        text : 'Last quarter\'s value range' 
       } 
      }] 


     }], 

     yAxis: [{ 
      title: { 
       text: 'OHLC' 
      }, 
      height: 200, 
      lineWidth: 2 
     }, { 
      title: { 
       text: 'Volume' 
      }, 
      top: 300, 
      height: 100, 
      offset: 0, 
      lineWidth: 2 
     }], 

     series: [{ 
      type: 'candlestick', 
      name: 'AAPL', 
      data: ohlc, 

     }, { 
      type: 'column', 
      name: 'Volume', 
      data: volume, 
      yAxis: 1, 

      }] 
     }); 
     }); 
    });​ 
+0

あなたは、以下の答えを受け入れる必要があります。それはかなり良い答えです。 – zcrar70

答えて

3

あなたはY軸にplotBandを追加すると、あなただけのhiggerと下のポイントを設定することができます。ここ

はコードです。
xAxisにplotBandを配置すると、すべてのyAxisに表示されます。
最初の軸にプロットしたいのであれば、同じスタイルのplotBandを追加して新しいセリを作成する必要があります。

まず:あなたは終了日に開始日からセリエ領域を作成したすべての値は、ウィンドウの最大値と同じになりますWICH。私の例では800です。

第2:最大値があなたのセリエの最高値よりも高いことを確認してください。私の例では、私はそれをしなかったので、あなたのコードでそれを行う必要があります。
:enableMouseTrackingとshowInLegendをfalseに設定して凡例とツールチップからセリを削除します。

Example

+0

あなたは私に詳細を教えてもらえますか? –

+0

@MinaGabriel確かに、私の編集された答えを見て、私はそれを行う方法を説明します。 –

+0

ありがとうございました答えのように思われますが、ループを作成してchartBandsをチャートに追加する必要がある場合はどうしますか? –

関連する問題