Line Chart Types/Time Series/Intraday Chart with Breaks

多日盘中图(含断点)

显示跨多天的盘中数据,并压缩非交易时间,方便清晰分析趋势。

Advanced盘中会话断点市场时间不连续

Example

Guide

概述

此图展示跨多天的盘中序列,并智能处理计划内的空档(夜间、周末)。对金融数据尤为重要,因为只呈现交易时段的价格或成交量(如 09:30–16:00)。将无交易的时间段压缩成小断口,把注意力集中在真实交易上,更易分析多日趋势。X 轴在每个断口处添加日期标签以保持时间上下文。

何时使用

  • 连续多日的股票数据
  • 跨多个交易日的金融工具
  • 多日的工作时段指标(销售、客服)
  • 具有固定且重复的活跃时段的序列
  • 需要跨天对比盘中模式的场景
  • 任何具有可预测日间休息的序列
  • 需要压缩时间以聚焦活跃段

不适用

  • 夜间或停盘信息本身很重要的故事
  • 断点不规则或不可预测
  • 24/7 的序列,连续时间至关重要
  • 只看单日的视图
  • 总耗时(含停机)比活跃时间更重要的场景
  • 听众不熟悉压缩时间轴

关键变体

  • 每天一段或多段会话(盘前、常规、盘后)
  • 填充面积 vs 仅线条
  • 断口大小(宽度 1–5%)
  • 交互式缩放以查看特定窗口
  • 会话边界的视觉标记
  • 时区调整
  • 断口处的自定义标签
  • 多日导航的滑块

使用场景

  • 一周内的常规股价
  • 具有每日停盘的外汇
  • 大宗商品期货的交易周
  • 有维护窗口的加密交易所
  • 营业时间内的客流
  • 呼叫中心在工作时段的通话量
  • 高峰时段的服务器监控
  • 商业时段的能耗
  • 多日活跃时段的网站流量

数据 (CSV)

datetime,value
2024-04-09 09:30:00,1669.00
...
2024-04-12 16:00:00,2100.50

图表配置 (JSON)

说明: xAxisBreaks 定义需要压缩的时段。每个断口包含:

  • start: 收盘时间(毫秒时间戳)
  • end: 下一次开盘
  • gap: 视觉宽度(约 1%)

设计提示

  • 使用中等不透明度的填充以强调趋势
  • 将断口宽度保持在 1–2% 以尽量少打断
  • 开启内部缩放和滑块以查看特定日期
  • 为每个夜晚或周末设置断口
  • 使用 UTC 以避免时区混淆
  • yAxisMin 设为 dataMin 以充分利用刻度
  • 预留约 30% 底部空间给滑块
  • 高频数据保持 symbolSize: 0
  • 在断口处插入 NaN 显式断开折线

性能提示

  • 按会话规则程序化生成断口
  • 在渲染前过滤非交易时段数据
  • 当序列很长时按 5 分钟聚合
  • 设置 minValueSpan,避免在少量点上过度缩放
  • 初始视图限制在 4–7 天,并允许探索更多
  • 初始视图做降采样,细节按需加载

常见问题

需要把各会话的线连起来吗? 不需要。断口表示无活动,应断线以免误读。

如何处理时区? 将数据统一到一个时区(UTC 或市场时区),并在副标题中说明。

节假日或提前收盘怎么办? 在生成断口时,为这些日期调整开收时间。

夜间变化如何展示? 即便压缩了时间,也可以在断口处加注释或 tooltip,标出收盘到开盘的百分比变化。

周末要显示吗? 通常与夜间一起压缩,以保持对交易时间的关注。

最多能展示多少天? 对分钟级数据,4–7 天效果好;更长周期可按 5–15 分钟聚合,并用缩放看细节。

能否配置一天多段会话? 可以。定义多段活跃区(盘前、常规、盘后),并在其间设置断口。

Open in Line Graph Maker