SuperAPI AI 工具集

syncfusion-javascript-chart

通用与其它

查看项目

更新于 10-16 01:50

技能介绍

用途:该技能用于在 JavaScript 与 TypeScript 项目中实现 Syncfusion EJ2 Charts 图表控件,构建交互式、数据驱动的应用与仪表盘。

主要能力:按可视化类型选择组件——Chart 用于笛卡尔、统计、金融、Polar 与 Radar 系列;AccumulationChart 用于饼图、环形图、漏斗图与金字塔图;StockChart 用于需要内置区间选择、周期选择器、指标与股票专用控件的金融仪表盘。支持多系列、多轴、技术指标、趋势线、动画、导出、打印、无障碍、RTL 渲染与实时数据更新。

使用方式:TypeScript 通过 npm 安装 @syncfusion/ej2-charts,使用模块化导入,并通过 Chart.Inject(...) 注册功能模块,需配合 webpack 或 Vite 等打包器。JavaScript 使用合并或单独的 CDN 脚本,通过全局 ej.charts 命名空间访问,并用 ej.charts.Chart.Inject(...) 注册模块,无需编译步骤。两者配置模型基本一致,差异在包加载、导入、模块注入、全局命名空间与类型注解。

关键规则:必须注入所用系列、轴与功能模块;始终配置 dataSource、xName、yName,确保字段存在且 Y 值为数值、DateTime 为有效 Date 对象;使用 legendSettings、palettes、selectionMode、zoomSettings、annotations、indicators、accessibility 等图表级属性;笛卡尔图数据标签通过 marker.dataLabel 配置;环形图使用 type: 'Pie' 加 innerRadius,而非 type: 'Doughnut';实例只能挂载一次;移除图表时清理定时器、WebSocket 与事件监听并调用 chart.destroy()。

适用场景:折线、面积、柱状、散点、气泡、直方图、瀑布、Pareto、Polar、Radar、K 线等图表;饼图、环形图、漏斗图、金字塔图;金融仪表盘;多系列与堆叠图;实时数据仪表盘;外观定制与交互(提示、十字准线、图例、缩放平移);技术指标与趋势线分析;导出与打印;无障碍与 RTL;性能优化与故障排查。

限制:资料未提供收费、价格、平台兼容范围与效果数据,暂未提供。