Highcharts Stock 是基于 Highcharts 构建的,因此它不仅具备 Highcharts 所有的核心功能,还在此基础上扩展了多种专为金融图表设计的特性。
在金融数据可视化方面,Highcharts Stock 提供了对多种金融系列类型的支持,便于展示股票、汇率等时间序列数据。
系列类型更新
可以通过 update 方法动态更改系列的显示类型。例如,将当前系列更改为 K 线图(candlestick):
chart.series[0].update({
type: 'candlestick'
});
更多关于系列配置的信息,请参阅 系列 API 选项 和 更新方法 文档。
导航器与滚动条设置
导航器(Navigator)和滚动条(Scrollbar)功能允许用户灵活调整图表的可视范围,并支持平滑滚动查看历史数据。
通过以下方式启用或修改这些组件:
chart.update({
navigator: {
enabled: true,
height: 100
},
scrollbar: {
enabled: false
}
});
相关设置需使用 图表更新 方法进行调整。详细参数说明请参考 导航器 API 选项。
范围选择器
范围选择器(Range Selector)可帮助用户快速切换常用时间区间(如7天、30天、一年等),也可自定义精确的时间段。
启用该功能的方法如下:
chart.update({
rangeSelector: {
enabled: true
}
});
要了解更多配置项,请查阅 范围选择器 API 选项。
Crosshair 十字准心
十字准心会根据鼠标位置或最近的数据点,在对应轴向上显示一条垂直辅助线,提升数据读取精度。其行为由 snap 属性控制。
crosshair.snap
虽然 Crosshair 功能也存在于 Highcharts 核心库中,但默认未开启,需手动配置。
可通过以下代码更新 X 轴的十字线设置:
chart.xAxis[0].update({
crosshair: {
snap: false
}
});
由于该功能属于轴线属性,应使用 轴更新(Axis update) 方法进行操作。详情请见 轴 API 选项。
数据分组(Data Grouping)
数据分组能够自动将密集的数据点合并为单个代表性点,从而增强图表的可读性和性能表现。默认的聚合函数依据系列类型设定,但支持手动覆盖。
每组中包含的点数会根据当前缩放级别、数据密度以及用户的配置动态调整。
启用或修改数据分组的方式如下:
chart.series[0].update({
dataGrouping: {
groupAll: true
}
});
作为系列级别的属性,应通过 系列更新 方法进行调整。具体配置项请参考 数据分组 API 选项。


雷达卡


京公网安备 11010802022788号







