新しいPlotlinesに基づいてHighstock/Highchartsの現在のビューを更新するにはどうすればよいですか？

Question

私はグラフを持っているので、ボタンをクリックするだけでプロットラインを追加できます。多くの場合、これらのプロットラインはグラフの現在のビューの外に追加されます。つまり、追加したプロットラインを検索するために手動でズームアウトする必要があります。 HighStockが、追加されたPlotlinesに基づいて現在のビューを動的に変更することは可能ですか？

はここに、この例をチェックアウト： http://jsfiddle.net/Ltgzwpo2/2/

を使用すると、ボタンをクリックすると、plotlineは、現在のビューの外に追加される、すなわち、あなたがplotlineを見つけるために、ズームアウトする必要があります。プロットラインの追加時にチャートが自動的にズームアウトすることは可能ですか？

これは私がplotlineを追加するために使用するコードです：

$("#button").click(function() { 
    chart.xAxis[0].addPlotLine({ 
     value: Date.UTC(2015, 10, 5), 
     color: "green", 
     width: 1, 
     dashStyle: 'ShortDash', 
     label: { 
     text: "this appeared outside of the current view!", 
     align: 'left', 
     y: 5, 
     x: 3, 
     style: { 
      fontSize: "12px" 
     } 
     }, 
     zIndex: 10 
    }); 
    }); 

Answer 1

あなたが目に見える領域を設定するaxis.setExtremes()を使用することができます。

var value = Date.UTC(2015, 10, 5); 

chart.xAxis[0].addPlotLine({ 
    value: value, 
    color: "green", 
    width: 1, 
    dashStyle: 'ShortDash', 
    label: { 
    text: "this appeared outside of the current view!", 
    align: 'left', 
    y: 5, 
    x: 3, 
    style: { 
     fontSize: "12px" 
    } 
    }, 
    zIndex: 10 
}); 

var range = 1000 * 3600 * 24 * 30; 

chart.xAxis[0].setExtremes(value - range, value + range) 

例：http://jsfiddle.net/cqwk84dz/