highcharts - 当我在 highchart 中滚动滚动条时触发事件？

Question

我想知道当我在 highchart 中移动滚动条时图表的位置。 highchart 中是否有关联的滚动条事件。请帮忙。

Answer 1

Highcharts API不显示滚动条的任何事件处理选项。

让我们看一下他们example中的代码。这是呈现滚动条本身的 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>

滚动条位置为第二个<rect>标签。您可以使用 jQuery 检索属性 x 的值。在示例代码中，x = 358 的位置超出了最大 580 空间(填充的 '')。