Highcharts Stock 面向金融图表和实践序列数据图表讲解

📅 发布时间:2026/10/8 7:54:51
Highcharts Stock 面向金融图表和实践序列数据图表讲解
Highcharts Stock 介绍Highcharts Stock 是面向金融图表和时间序列数据的交互式图表库。它基于 Highcharts Core并在其基础上提供了适合查看和分析长时间跨度数据的功能。主要功能包括时间导航Navigator 概览图、预设时间范围、日期选择器、滚动与平移。金融图表例如 K 线图以及 MACD、枢轴点等技术指标。大数据量时间序列数据分组可帮助用户在不同缩放级别下查看数据。分析工具Stock Tools 支持用户在图表上添加标注和统计分析。通用图表能力也包含 Highcharts Core 的常用图表功能。它适合股票行情、金融分析、传感器读数等需要交互式查看时间序列的场景。如果只需要常规图表、不需要时间导航或金融分析功能Highcharts Core 通常就够用。意味着它具有 Highcharts 的所有核心功能以及一些额外的特性。Highcharts Stock 还支持各种金融系列类型。chart.series[0].update({type:candlestick});参见系列 更新方法 和 系列 API 选项。Highcharts Stock 图表设计解析导航器和滚动条允许你微调显示的图表范围并进行滚动。详见 导航器Navigator 获取更多信息。chart.update({navigator:{enabled:true,height:100},scrollbar:{enabled:false}});若要更新导航器和滚动条请使用 图表更新 。参见 导航器 API 选项 。范围选择器允许你快速选择要在图表上显示的范围或指定确切的显示区间。详见 范围选择器 以获取更多信息。chart.update({rangeSelector:{enabled:true}});若要更新范围选择器请使用 图表更新 。参见 范围选择器 API 选项。Crosshair 十字准心显示一条垂直于对应轴线的线该线会跟随鼠标位置或最近的点具体取决于crosshair.snap属性。此功能可以在 轴线API 选项中找到。十字线也可以在Highcharts核心不包括Stock模块中使用但默认情况下未启用。chart.xAxis[0].update({crosshair:{snap:false}});十字准线是一个轴属性因此请通过轴更新 Axis update进行更新。请参阅 轴 API 选项。数据分组自动将多个点组合成一个点以提高可读性。分组点的显示值取决于默认根据系列类型设置的近似函数但也可以手动覆盖。单个组中的点数根据缩放级别、数据密度和用户选项进行选择。参见 数据分组Data grouping 以获取更多信息。chart.series[0].update({dataGrouping:{groupAll:true}});数据分组是一个系列属性因此请通过 系列更新 进行更新。请参阅 数据分组 API 选项。相关资料Highcharts Stock 产品页了解 Highcharts StockNavigator 文档Range Selector 文档Stock Tools 文档枢轴点指标示例