highcharts - ハイチャートでスクロールバーをスクロールするとイベントがトリガーされますか?

Question

ハイチャートでスクロールバーを動かした時のチャートの位置を知りたいです。ハイチャートに関連付けられたスクロールバー イベントはありますか。助けてください。

Answer 1

Highcharts APIは、スクロールバーのイベント処理オプションを表示しません。

彼らの例のコードを見てみましょう。これは、スクロールバー自体をレンダリングする SVG です。

<g class="highcharts-scrollbar" transform="translate(10,372)">
    <rect x="0" y="-0.5" fill="white" stroke="silver" stroke-width="1" 
          rx="7" ry="7" height="14" width="580"></rect>
    <rect y="0" height="14" fill="gray" rx="7" ry="7" x="358" 
          width="18"></rect>
    <path fill="none" stroke="yellow" stroke-width="1" 
          visibility="visible" 
          d="M 363.5 3.5 L 363.5 9.333333333333334 M 366.5 3.5 L 366.5 9.333333333333334 M 369.5 3.5 L 369.5 9.333333333333334"></path>
    <g>
        <rect x="-1" y="-1" width="15" height="15" strokeWidth="0" rx="7" ry="7" fill="gray"></rect>
        <path fill="yellow" d="M 8 4 L 8 10 5 7"></path>
    </g>
    <g transform="translate(566,0)">
        <rect x="-1" y="-1" width="15" height="15" strokeWidth="0" rx="7" ry="7" fill="gray"></rect>
        <path fill="yellow" d="M 6 4 L 6 10 9 7"></path>
    </g>
</g>

スクロールバーの位置は 2 番目の<rect>タグです。jQuery を使用して、属性 x の値を取得できます。サンプル コードでは、最大 580 のスペースのうち x = 358 の位置 ('' で埋められます)。