2016-09-29 8 views
1

JavaScriptを使用してHighStocksに2行を描画しようとしています。例文はcandlestick with intraday codeです。何らかの理由で私はそれを働かせることができません日中の燭台を使ってHighStocksに2行を描く方法

私はちょうど私の燭台のデータの最後に2つの余分な行を生成しようとしています。あなたは入れしようとしているラインイムは、すべてのテスト

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

 
     // create the chart 
 
     $('#container').highcharts('StockChart', { 
 

 

 
      title: { 
 
       text: 'AAPL stock price by minute' 
 
      }, 
 

 
      rangeSelector: { 
 
       buttons: [{ 
 
        type: 'hour', 
 
        count: 1, 
 
        text: '1h' 
 
       }, { 
 
        type: 'day', 
 
        count: 1, 
 
        text: '1D' 
 
       }, { 
 
        type: 'all', 
 
        count: 1, 
 
        text: 'All' 
 
       }], 
 
       selected: 1, 
 
       inputEnabled: false 
 
      }, 
 

 
      series: [{ 
 
       name: 'AAPL', 
 
       type: 'candlestick', 
 
       data: data, 
 
       tooltip: { 
 
        valueDecimals: 2 
 
       } 
 
      }] 
 
      
 
      series: [{ 
 
      \t \t name: 'test', 
 
       type: 'line', 
 
       data: [200.0, 201.0, 300.0, 400.0], 
 
      }] 
 
     }); 
 
    }); 
 
});

答えて

1

まず呼ばれ、あなたのチャートのオプションオブジェクトに2つのシリーズアレイを追加するべきではありません見ることができます。あなたは、1つの直列配列を使用して、この配列内の新シリーズオブジェクトを追加する必要があります

series: [{ 
    name: 'AAPL', 
    type: 'candlestick', 
    data: data, 
    tooltip: { 
     valueDecimals: 2 
    } 
    }, { 
    name: 'test', 
    type: 'line', 
    data: [200.0, 201.0, 300.0, 400.0], 
    }] 

この場合の問題点は、それが1970年の右から開始しますので、あなたが、あなたのラインのポイントに任意のx値を与えていないということです今。

xの値を追加する必要があります。必要な場所で線が始まるようにします。

例は次のとおりです。http://jsfiddle.net/uj0kzL4c/

関連する問題