独立导航器功能概述
独立导航器是 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

雷达卡


京公网安备 11010802022788号







