用途
该技能用于在 React 项目中实现和定制 Syncfusion React Smith 圆图(Smith Chart)组件,面向电气工程与射频设计场景,用于可视化阻抗、反射系数与传输线参数,以及绘制射频电路参数(如 S 参数、阻抗匹配)、展示电阻与电抗关系等。
主要能力
- 绘制带 resistance 与 reactance 坐标的数据点。
- 支持多个数据系列,并可自定义样式。
- 提供水平轴(直线)与径向轴(圆形路径)配置。
- 交互功能:工具提示、图例、标记。
- 提供打印与导出能力,支持 PNG、JPEG、SVG、PDF。
- 确保 WCAG 2.2 无障碍合规。
- 支持响应式尺寸与主题。
使用方式
安装依赖包 @syncfusion/ej2-react-charts(通过 npm),导入必要的模块并按需注入服务(如 SmithchartLegend、TooltipRender),同时导入 CSS 主题。系列数据支持两种绑定方式:直接使用 points 数组,或使用 dataSource 配合 resistance、reactance 字段映射。导出时可调用组件引用的 export 方法,指定格式与文件名。
适用场景
适用于需要展示传输线阻抗与反射数据、射频电路参数、电阻电抗关系,以及需要图例、标记、工具提示、导出与无障碍支持等技术图表的界面。
参考文档结构
提供多个参考文件:快速开始、系列配置、轴配置、标记与数据标签、图例配置、工具提示与交互、API 参考、外观与尺寸、标题与副标题、打印导出与无障碍。快速开始包含依赖安装、基础 SmithchartComponent 实现、模块注入、CSS 主题导入与完整示例。
限制与说明
资料未提供该组件的收费、价格、具体平台支持范围与效果保证等信息,暂未提供。使用前需确认已安装对应包、导入主题 CSS、数据字段有效且容器有明确尺寸,否则可能出现不渲染、图例或工具提示不显示、导出失败等问题。