Question

当我在高光图中移动滚动条时，我想知道图表的位置。在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空间（填充的''）。

当我在高图中滚动滚动条时触发事件？

1 个答案: