syncfusion-angular-stock-chart

用途

Syncfusion Angular Stock Chart 组件是专用于展示随时间变化的金融数据的可视化控件，涵盖 OHLC（开盘、最高、最低、收盘）数据、技术指标与交互式区间选择。适用于股票市场分析、加密货币跟踪以及任何时间序列金融数据可视化。

主要能力

多种系列类型：提供 7 种系列类型——Line、Spline、Area、HiLo、HiLoOpenClose、Hollow Candle、Candle，可为不同数据选择合适类型，并支持动态切换与多系列图表。
技术指标：支持 MA、BB、RSI、MACD、Stochastic 等指标，可配置计算参数、叠加多个指标、自定义颜色样式，以及移除或切换指标。
交互控件：包含区间选择器（选择日期范围）、周期选择器（1M、3M、6M、1Y 快捷按钮）、十字准线、工具提示、数据标签与格式化、事件与用户操作。
坐标轴：支持时间序列数据的 DateTime 轴、数值轴与对数轴；可配置轴标签、标题与范围，以及十字准线与工具提示，并支持缩放和平移。
图例与样式：可启用与定位图例、设置对齐与尺寸、自定义图标形状、切换系列可见性及图例交互模式。
导出与打印：支持导出 PNG、SVG、PDF，提供打印预览功能，可保存导出文件与批量导出多个图表。
高级特性：支持实时数据更新与刷新、无障碍（WCAG、ARIA、键盘导航）、国际化与本地化、趋势线与注释，以及大数据集性能优化。

使用方式

需安装 @syncfusion/ej2-angular-charts 包，配置初始模块导入与提供者，然后绑定来自 JSON、API 或 DataManager 的数据。组件采用独立架构，可配合 Angular 19+ 独立组件使用。

最小示例：

import { Component, ViewEncapsulation } from '@angular/core';
import { ChartAllModule, StockChartAllModule } from '@syncfusion/ej2-angular-charts';

@Component({
    imports: [ChartAllModule, StockChartAllModule],
    standalone: true,
    selector: 'app-stock-chart',
    template: `
        <ejs-stockchart id='stockchart-container' [dataSource]='data'>
            <e-stockchart-series-collection>
                <e-stockchart-series [dataSource]='data' type='Candle' 
                    xName='x' high='high' low='low' 
                    open='open' close='close'>
                </e-stockchart-series>
            </e-stockchart-series-collection>
        </ejs-stockchart>
    `,
    encapsulation: ViewEncapsulation.None
})
export class StockChartComponent {
    data: any[] = [
        { x: new Date(2023, 0, 1), open: 100, high: 105, low: 95, close: 102 },
        { x: new Date(2023, 0, 2), open: 102, high: 108, low: 100, close: 105 },
        { x: new Date(2023, 0, 3), open: 105, high: 110, low: 103, close: 108 }
    ];
}

常见模式包括：使用 DateTime 轴的蜡烛图、带区间选择器的多系列图表、添加技术指标的叠加、以及交互式十字准线与工具提示。关键属性涵盖系列配置（type、xName、high/low/open/close、dataSource）、图表显示（height、width、title、legendSettings、tooltip、crosshair）、交互功能（rangeSelector、periodSelector、zoomSettings、chartArea）以及坐标轴配置（primaryXAxis、primaryYAxis、secondaryYAxis）。

适用场景

股票分析仪表板：并排展示多只股票并用区间选择器比较不同周期表现，结合 MA、RSI 等技术指标判断趋势强度。
实时加密货币跟踪：每隔数秒更新图表数据，实时区间选择器纳入最新数据，工具提示显示实时买卖价差。
历史数据分析：加载完整历史数据集，通过缩放/平移详细检查特定周期，并导出分析结果。
多指标技术分析：在同一价格图上叠加多个技术指标，为不同数值范围设置独立坐标轴，通过图例交互开关指标。

限制

资料未提供该组件的收费模式、价格、平台限制或具体使用步骤之外的约束信息。

技能介绍

用途

主要能力

使用方式

适用场景

限制