SKILL.md
Implementing Syncfusion React Charts
When to Use This Skill
Use this skill when you need to:
- Create and render charts (area, bar, column, line, scatter, etc.)
- Configure chart axes and customize their appearance
- Bind local data, remote data (DataManager), or use OData/WebAPI/custom adaptors
- Dynamically add, remove, or replace data points (
addPoint,removePoint,setData) - Customize chart appearance (colors, labels, legends, annotations)
- Configure data labels (must be placed inside
marker.dataLabel, not directly on the series) - Implement user interactions (selection, zooming, tooltips)
- Enable WebMCP so browser model contexts and AI agents can inspect and operate the rendered Chart
- Add financial indicators and technical analysis
- Handle accessibility and internationalization
- Troubleshoot chart rendering or data issues