syncfusion-aspnetcore-stock-chart

用途

Syncfusion Stock Chart 是 Syncfusion 提供的专用数据可视化控件，用于在 ASP.NET Core 应用中展示金融市场数据。当需要构建股票价格、行情走势等金融数据可视化时，可使用该技能。

主要能力

系列类型：提供 6 种系列类型，包括 Line、Candle、HollowCandle、Spline、Hilo、HiloOpenClose，用于不同数据可视化需求。
技术指标：内置 10 种技术分析指标，包括 AccumulationDistribution、ATR、EMA、SMA、TMA、Momentum、MACD、RSI、Stochastic、BollingerBand，可添加、移除和自定义指标，支持超买/超卖阈值和基于成交量的指标。
交互功能：支持十字准线（crosshairs）、轨迹球（trackballs）、数据点选择模式、工具提示、缩放与滚动交互。
图例与坐标轴：支持图例启用/禁用、定位（Left、Right、Top、Bottom、Custom）、对齐（Center、Near、Far）、自定义坐标定位和可见性切换；支持主轴与次轴配置，以及多绘图区域布局。
高级功能：趋势线（线性、指数、多项式等）、股票事件与标注、区间选择器、周期选择器、无障碍功能。
外观定制：图表尺寸、主题与配色方案、坐标轴定制、渐变填充、导出与打印选项。
数据绑定：支持 DataSource 配置与绑定、DateTime 与 Numeric 坐标轴、OHLC 数据结构、金融数据格式化、基于日期的坐标轴配置。

使用方式

在 ASP.NET Core 应用中通过 Tag Helper 声明式创建控件。基本结构如下：

@{
    var stockData = new[]
    {
        new { x = new DateTime(2023, 1, 1), open = 150, high = 155, low = 145, close = 152, volume = 1000000 },
        new { x = new DateTime(2023, 1, 2), open = 152, high = 158, low = 151, close = 156, volume = 1200000 }
    };
}

<ejs-stockchart id="container">
    <e-stockchart-series-collection>
        <e-stockchart-series dataSource="stockData"
                             xName="x"
                             yName="close"
                             type="Candle">
        </e-stockchart-series>
    </e-stockchart-series-collection>
</ejs-stockchart>

常见模式包括：

带 DateTime 轴的 K 线图：设置 primaryXAxis 的 valueType 为 DateTime，系列 type 为 Candle。
添加技术指标：在 indicators 集合中添加 indicator，指定 type（如 Ema）、field（如 Close）、period（如 14）。
启用交互功能：通过 tooltipsettings 启用工具提示，通过 crosshairsettings 配置十字准线。
图例配置：通过 legendsettings 设置 visible、position、alignment。

核心属性包括 dataSource、xName、yName、type；外观属性包括 background、theme、width、height、title、isTransposed；功能控制属性包括 enablePeriodSelector、enableSelector、enableCustomRange、enablePersistence、enableRtl、isMultiSelect、isSelect；导出属性包括 exportType、indicatorType、seriesType、trendlineType。

配置对象包括 annotations、axes、border、chartArea、crosshair、legendSettings、margin、periods、primaryXAxis、primaryYAxis、rows、selectedDataIndexes、selectionMode、series、stockEvents、tooltip、zoomSettings。

关键事件涵盖图表生命周期（load、loaded、beforeExport）、用户交互（axisLabelRender、pointClick、pointMove、stockChartMouseClick、stockChartMouseDown、stockChartMouseUp、stockChartMouseMove、stockChartMouseLeave、onZooming、rangeChange）以及渲染事件（seriesRender、legendRender、legendClick、tooltipRender、crosshairLabelRender、selectorRender、stockEventRender）。

适用场景

股票价格监控：使用 K 线图展示实时股票价格。
技术分析仪表盘：组合多种指标进行交易分析。
投资组合概览：并排可视化多只股票。
历史价格趋势：使用平滑折线图展示长期价格走势。
交易信号：使用趋势线和股票事件标注图表。
基于周期的过滤：允许用户通过周期选择器选择时间范围。

限制

资料中未提供关于收费、价格、平台兼容性、性能上限或具体版本要求的信息，暂未提供。

技能介绍

用途

主要能力

使用方式

适用场景

限制