咨询ag-charts金融图表是否支持共享日期X轴的子图

是的，ag-charts完全支持带有共享日期X轴的子图，并且原生支持集成RSI、MACD这类常用金融技术指标。

核心实现思路 #

• 共享X轴：将所有子图的X轴配置为time类型并绑定同一日期字段，确保时间轴完全对齐
• 多系列垂直布局：通过配置多个图表系列，将主图（如K线图）和指标子图（RSI/MACD）上下排布，每个子图可配置独立Y轴以适配不同指标的数值范围
• 原生指标支持：ag-charts内置技术指标计算能力，无需手动实现RSI、MACD的计算公式，直接通过配置即可生成对应指标系列

简单配置示例（React） #

import { AgCharts } from 'ag-charts-react';

const options = {
  data: historicalPriceData, // 包含日期、开盘、收盘等字段的数据集
  xAxis: {
    type: 'time',
    field: 'date',
    crosshair: { enabled: true } // 开启十字线，增强跨子图联动体验
  },
  series: [
    // 主图：K线图
    {
      type: 'candlestick',
      openField: 'open',
      closeField: 'close',
      highField: 'high',
      lowField: 'low',
      yAxis: { title: { text: '价格' } }
    },
    // 子图：RSI指标
    {
      type: 'line',
      field: 'rsi', // 由ag-charts内置工具计算生成的RSI值
      yAxis: {
        title: { text: 'RSI' },
        min: 0,
        max: 100,
        position: 'right'
      },
      marker: { enabled: false }
    }
  ],
  layout: {
    type: 'vertical', // 垂直布局子图
    spacing: 20
  }
};

<AgCharts options={options} />

补充说明 #

• 若添加MACD，可新增series配置，用bar类型展示MACD柱状线、line类型展示信号线
• 指标数值可通过ag-charts的dataProcessor工具类，基于原始价格数据自动计算生成

内容的提问来源于stack exchange，提问作者chrism233