独立导航器功能概述

独立导航器是 Highcharts 提供的一个多功能组件，主要用于同步并控制多个图表的视图范围。通过一个统一的导航界面，用户可以便捷地调整一个或多个关联图表的显示区间，在仪表盘和数据可视化场景中具有重要应用价值。

初始化独立导航器

要创建独立导航器实例，需使用以下构造函数：

Highcharts.navigator('container', {
    // 独立导航器的配置参数
});

其中第一个参数为容器元素的引用，第二个参数为配置选项。这些选项与 Highcharts 图表中内置导航器的设置保持一致，详细说明可参考官方 API 文档。

navigator

项目中的集成方式

在实际项目中，可以通过两种方式引入独立导航器：

• 作为独立模块与 Highcharts 主库并行加载：

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/navigator.js"></script>

• 或使用已打包的整合版本：

<script src="https://code.highcharts.com/standalone-navigator.js"></script>

绑定图表至导航器

通过调用相关方法，可将指定的图表或坐标轴与独立导航器进行绑定。一旦建立连接，任何对导航器范围的操作都会自动同步到所绑定的图表上，实现联动效果。具体使用方式请查阅对应的方法文档。

bind

解除图表绑定

提供专门的方法用于解除图表与导航器之间的关联关系。该方法支持移除单个图表的绑定，也支持一次性解绑所有已连接的图表。解除后，这些图表将不再受导航器范围变化的影响。更多技术细节参见相关文档说明。

unbind

编程控制导航范围

通过特定方法，开发者可以以代码形式动态设置导航器的显示范围。此操作不仅会更新导航器自身的视图区间，还会将变更自动传播至所有已绑定的图表，并触发相应的事件通知机制。

setRange

获取当前导航范围

提供了获取当前导航器范围的功能方法，便于程序读取现有范围值，用于逻辑判断、状态保存或其他交互需求。

关于 setRange 与 getRange 方法的完整说明，请查看其对应的文档页面。

getRange