2015-11-13 21 views
5

ズーム可能なチャートをレンダリングして、すでにズームしていますか?私は、x軸とy軸でズーム可能なスキャッタプロットを使用していて、レンダリングして、特定の値に拡大して表示したいと考えています。HighChartsレンダリングチャートはすでに拡大されています

グラフを定義するときに設定できるデフォルトのズームオプションはありますか?ここで

は、チャートの実施例である:Chart Example

$('#container').highcharts({ 
    chart: { 
     type: 'scatter', 
     zoomType: 'xy' 
    }... 
+1

このようなオプションはありません。 [ここ](https://gist.github.com/smehan/efa41c974df38d78db3f)は、すべてのオプションの非常に包括的なチートシートです。 –

+0

さて、私は彼らのドキュメントで何かを見つけることができませんでした。ズームの種類に関する情報のみ。 –

答えて

2

chart.zoom機能が利用できる(ただし、この使用を意図していない)であるが、通常はドラッグ&イベントからかなりの数のパラメータを取ります。グラフの作成時に、それを偽造は最低でも次のように行うことができます。

$('#container').highcharts({ 
    // ... 
}, function() { 
    this.zoom({ 
     xAxis: [{ min: 25, max: 30, axis: this.xAxis[0] }], 
     yAxis: [{ min: 0, max: 300, axis: this.yAxis[0] }] 
    }); 
}); 

は、例えばthis CodePenを参照してください。手動で選択すると、元の入力がログに記録されます。

関連する問題