2017-06-14 4 views
0

ズームを有効にしようとしている列ハイチャートチャートがあります。私が抱えている問題は、グラフの小さなスライスを拡大しようとすると、常に200倍に縮小されていることです。実際に選択したx領域を拡大するにはどうすればよいですか?ここに問題を示すフィドルがあります。あなたのチャートの場合は列ハイチャートがすべてズームインしていない

https://jsfiddle.net/3gh40fpy/

Highcharts.chart('container', { 
    yAxis: { 
    min: 0, 
    max: 1.1 
    }, 
    series: [{ 
    name: 'series', 
    data: [ 
     [1, 0.4648303], 
     [38.6, 0.3659616331], 
     [76.2, 0.1323167732], 
     [113.8, 0.0300049188], 
     [151.4, 0.0049188392], 
     [189, 0.0009837678], 
     [226.6, 0.0004918839], 
     [264.2, 0], 
     [301.8, 0], 
     [339.4, 0.0004918839], 
     [377, 0] 
    ] 
    }], 

    chart: { 
    type: 'column', 
    zoomType: 'x' 
    } 
}); 

答えて

0

あなたはX軸軸に表示する最小範囲を変更するためのxAxis.minRangeパラメータを使用することができるはずです。

ドキュメント: ​​

xAxis: { 
    minRange: 1 
    }, 

http://jsfiddle.net/xLzvn73o/

+0

ありがとうございます。これは私が投稿した簡単な例では機能しますが、私の実際のプログラムでは、この修正がうまくいかないようなリンクされた軸があります。私はその問題を示す別のフィドルを投稿しました。 https://jsfiddle.net/3gh40fpy/1/ –

+0

2番目のjsFiddleに感謝します。残念ながら、私はlinkedToを使用して、master軸よりも小さなminRangeを追加することはできないと考えています。 –

+0

私はそれが問題だとは思わない。両方でminRangeを1に設定しても、ズームは正しく行われません。 –

関連する問題