syncfusion-maui-toolkit-cartesian-charts
Implements Syncfusion .NET MAUI Cartesian Chart (SfCartesianChart) for data visualization with 20+ chart types including line, area, column, bar, financial, statistical, and stacked charts. Use when implementing cartesian charts, line charts, area charts, or financial charts (candle, OHLC). Covers chart axes, legends, tooltips, trackball, zooming and panning, and chart annotations.
- Installs
- 45
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-cartesian-charts- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads syncfusion-maui-toolkit-cartesian-charts automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Implementing .NET MAUI Cartesian Charts
Guide users to implement the Syncfusion .NET MAUI Cartesian Chart (SfCartesianChart), a comprehensive data visualization solution with over 20 chart types, interactive features, and extensive customization options. Use this skill to implement charts ranging from simple line graphs to complex financial and statistical visualizations.
When to Use This Skill
Use this skill when the user needs to:
- Visualize Data: Display quantitative data with line, area, column, bar, or scatter charts
- Financial Analysis: Create candle or OHLC charts for stock price visualization
- Statistical Data: Plot box-and-whisker, histogram, or error bar charts
- Comparative Analysis: Use stacked charts (area, column, line) for comparing multiple datasets
- Range Visualization: Show high-low data with range area or range column charts
- Interactive Dashboards: Implement zooming, panning, selection, and trackball features
- Time-Series Data: Plot temporal data with datetime axes and auto-scrolling
- Custom Visualizations: Add annotations, plotbands, and custom styling
Component Overview
The SfCartesianChart control provides:
- 20+ Chart Types: Line, Area, Column, Bar, Scatter, Bubble, Candle, OHLC, Histogram, Box-and-Whisker, Stacked variations, Range charts, Waterfall, and more
- Flexible Axes: Category, Numerical, DateTime, Logarithmic with full customization
- Interactive Features: Zooming, panning, selection, tooltips, trackball
- Rich Customization: Data labels, legends, annotations, plotbands, appearance
- Data Handling: Empty point modes, data binding, dynamic updates
- Export & Localization: Image export, multi-language support
Documentation and Navigation Guide
Getting Started
📄 Read: references/getting-started.md
- NuGet package installation (
Syncfusion.Maui.Toolkit) - Basic SfCartesianChart initialization in XAML and C#
- Creating data models and view models
- Axis setup (XAxes, YAxes)
- Adding your first series with data binding
- Complete working example
Chart Types
Basic Chart Types
📄 Read: references/basic-chart-types.md
- Line, Area, Column, Bar, Scatter, Bubble charts
- When to use each chart type
- Implementation examples
- Common properties and styling
Financial Charts
📄 Read: references/financial-charts.md
- Candle charts (candlestick visualization)
- OHLC (Open-High-Low-Close) charts
- Financial data structure and binding
- Bullish/bearish styling
Statistical Charts
📄 Read: references/statistical-charts.md
- Box and Whisker charts
- Histogram charts
- Error Bar charts
- Statistical data requirements
Stacked Charts
📄 Read: references/stacked-charts.md
- Stacked Area (normal and 100%)
- Stacked Column (normal and 100%)
- Stacked Line (normal and 100%)
- Grouping series for stacking
- Percentage vs absolute values
Range Charts
📄 Read: references/range-charts.md
- Range Area charts
- Range Column charts
- Spline Range Area charts
- High-Low data binding
Advanced Chart Types
📄 Read: references/advanced-chart-types.md
- Fastline (optimized for large datasets)
- Step Area and Step Line
- Waterfall charts
- Performance considerations
Axis Configuration
Axis Basics
📄 Read: references/axis-configuration.md
- Axis types (Category, Numerical, DateTime, Logarithmic)
- XAxes and YAxes collections
- Axis labels and formatting
- Axis titles
- Multiple axes setup
- Custom label customization
Axis Customization
📄 Read: references/axis-customization.md
- Gridlines (major, minor) styling
- Tick lines configuration
- Axis padding
- Range padding
- Auto-scrolling delta
- Axis positioning
Data Visualization & Interaction
Data Labels
📄 Read: references/data-labels.md
- Enabling and positioning data labels
- Label placement (Inner, Outer, Auto)
- Label formatting and templates
- Styling and appearance
- Release mode display configuration
Tooltips and Interactive Features
📄 Read: references/tooltips-and-interaction.md
- Tooltip configuration and customization
- Trackball feature for multi-series comparison
- Crosshair for precise value reading
- Tooltip templates
- Interactive display modes
Zooming and Panning
📄 Read: references/zooming-and-panning.md
- Zoom modes (Pinch, Selection, MouseWheel)
- Panning configuration
- ZoomPanBehavior setup
- Programmatic zoom control
- Reset zoom functionality
Selection
📄 Read: references/selection.md
- Selection types (Single, Multiple, Series)
- DataPointSelectionBehavior
- SeriesSelectionBehavior
- Selection events
- Custom selection styling
Customization & Styling
Legend and Appearance
📄 Read: references/legend-and-appearance.md
- Legend configuration and positioning
- Legend item templates
- Chart appearance customization
- Color palettes
- Themes
Annotations and PlotBands
📄 Read: references/annotations-and-plotbands.md
- Annotation types (Text, View, Shape)
- Adding and positioning annotations
- PlotBand configuration for highlighting regions
- Use cases and examples
Custom Styling
📄 Read: references/customization-and-styling.md
- Series appearance customization
- Adding custom labels
- Color and gradient fills
- Border and corner radius
- Template customization
Data Handling & Advanced Features
Data Point Management
📄 Read: references/data-handling.md
- Empty points handling
- Empty point modes (Gap, Zero, Average, Drop)
- Getting data points by region
- Touch position detection
- Data manipulation
Export and Localization
📄 Read: references/exporting-and-localization.md
- Exporting charts as images
- Export formats and options
- Localization configuration
- Culture-specific formatting
- Resource files
FAQ
What does the syncfusion-maui-toolkit-cartesian-charts skill do?
Implements Syncfusion .NET MAUI Cartesian Chart (SfCartesianChart) for data visualization with 20+ chart types including line, area, column, bar, financial, statistical, and stacked charts. Use when implementing cartesian charts, line charts, area charts, or financial charts (candle, OHLC). Covers chart axes, legends, tooltips, trackball, zooming and panning, and chart annotations.
How do I install syncfusion-maui-toolkit-cartesian-charts?
Run npx skills add https://github.com/syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-cartesian-charts in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-maui-toolkit-cartesian-charts/ (personal) or .claude/skills/syncfusion-maui-toolkit-cartesian-charts/ (project).
Which AI agents can use syncfusion-maui-toolkit-cartesian-charts?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is syncfusion-maui-toolkit-cartesian-charts safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains syncfusion-maui-toolkit-cartesian-charts?
It is published by syncfusion in syncfusion/maui-toolkit-ui-components-skills. It has 45 recorded installs.
More from syncfusion/maui-toolkit-ui-components-skills
syncfusion-maui-toolkit-expander
syncfusion/maui-toolkit-ui-components-skills
Implements the Syncfusion .NET MAUI Expander (SfExpander) control for collapsible and expandable content sections. Use when working with expanders, collapsible sections, accordions, expandable panels, or expand/collapse functionality in .NET MAUI applications. Covers space-efficient layouts, header customization and expand/collapse animations.
syncfusion-maui-toolkit-otp-input
syncfusion/maui-toolkit-ui-components-skills
Implement OTP Input controls in .NET MAUI applications for authentication flows. Covers input types (Number, Text, Password), styling modes (Outlined, Filled, Underlined), event handling, value binding, validation patterns, and accessibility. Use this skill when building SMS/email OTP verification, multi-step authentication, or secure login forms.
syncfusion-maui-toolkit-popup
syncfusion/maui-toolkit-ui-components-skills
Open the skill to read its SKILL.md instructions.
syncfusion-maui-toolkit-pull-to-refresh
syncfusion/maui-toolkit-ui-components-skills
Implements the Syncfusion .NET MAUI PullToRefresh (SfPullToRefresh) control for interactive content refreshing. Use when working with pull-to-refresh, refresh controls, swipe to refresh, or updating content on pull gestures. Covers scenarios for refreshing ListView, DataGrid, or any scrollable content, customizing refresh indicators, MVVM refresh patterns, and pull-to-refresh events.
syncfusion-maui-toolkit-cards
syncfusion/maui-toolkit-ui-components-skills
Open the skill to read its SKILL.md instructions.
syncfusion-maui-toolkit-getting-started
syncfusion/maui-toolkit-ui-components-skills
Getting started with Syncfusion® .NET MAUI Toolkit. Covers installation, cross-platform capabilities, system requirements, and development environment setup for Android, iOS, macOS, and Windows applications.
Popular business & finance skills
sales-enablement
coreyhaines31/marketingskills
When the user wants to create sales collateral, pitch decks, one-pagers, objection handling docs, or demo scripts. Also use when the user mentions 'sales deck,' 'pitch deck,' 'one-pager,' 'leave-behind,' 'objection handling,' 'deal-specific ROI analysis,' 'demo script,' 'talk track,' 'sales playbook,' 'proposal template,' 'buyer persona card,' 'battle card,' 'battlecard,' 'competitive one-pager,' 'win-loss analysis,' 'why are we losing deals,' 'loss reasons,' 'how do I respond to this objection,' 'prospect just said,' 'help my sales team,' 'sales materials,' or 'what should I give my sales reps,' 'cold call script,' or 'voicemail script.' Use this for any document or asset that helps a sales team close deals. For public competitor comparison pages, see competitors. For running buyer interviews or churn research, see customer-research. For marketing website copy, see copywriting. For cold outreach emails, see cold-email. For the offer being sold (bonuses, guarantees, pricing structure),
revops
coreyhaines31/marketingskills
When the user wants help with revenue operations, lead lifecycle management, or marketing-to-sales handoff processes. Also use when the user mentions 'RevOps,' 'revenue operations,' 'lead scoring,' 'outbound pipeline stages,' 'lead routing,' 'MQL,' 'SQL,' 'pipeline stages,' 'deal desk,' 'CRM automation,' 'marketing-to-sales handoff,' 'data hygiene,' 'leads aren't getting to sales,' 'pipeline management,' 'lead qualification,' or 'when should marketing hand off to sales.' Use this for anything involving the systems and processes that connect marketing to revenue. For cold outreach emails, see cold-email. For email drip campaigns, see emails. For pricing decisions, see pricing.
sales-funnel-blueprint
autonnel/autonnel-skills
Turn an offer into a concrete multi-step sales funnel spec - page-by-page structure, price ladder, copy outline and the metrics each step must hit. Use when asked to build a sales funnel, marketing funnel, landing page flow, lead magnet funnel, webinar funnel, tripwire or VSL funnel, when planning a product launch page flow, or when someone asks "what pages do I need" for selling something online.
pricing
coreyhaines31/marketingskills
When the user wants help with pricing decisions, packaging, or monetization strategy. Also use when the user mentions 'pricing,' 'pricing tiers,' 'freemium,' 'free trial,' 'packaging,' 'price increase,' 'value metric,' 'Van Westendorp,' 'willingness to pay,' 'monetization,' 'how much should I charge,' 'my pricing is wrong,' 'pricing page,' 'annual vs monthly,' 'per seat pricing,' 'should I offer a free plan,' 'pricing page teardown,' 'pricing page audit,' 'is my pricing page AI-readable,' or 'can AI read my pricing.' Use this whenever someone is figuring out what to charge, how to structure their plans, or wants to audit a pricing page (for humans and for the AI agents that shortlist tools). For in-app upgrade screens, see paywalls. For offer construction (bonuses, guarantees, value framing, naming) on services/courses/coaching/high-ticket B2B, see offers.
cross-border-ecommerce
nexscope-ai/ecommerce-skills
Cross-border e-commerce expansion advisor. Scores target markets on 8 weighted dimensions (market size, ecommerce penetration, competition, regulatory complexity, logistics infrastructure, payment ecosystem, cultural distance, IP protection), compares 5 fulfillment models with cost and transit data, provides country-by-country tax/duty compliance guides (EU VAT/IOSS, UK VAT, US sales tax, CA GST, AU GST, JP consumption tax), maps local payment preferences by market, and builds a phased expansion roadmap. No API key required.
pricing-strategy
coreyhaines31/marketingskills
When the user wants help with pricing decisions, packaging, or monetization strategy. Also use when the user mentions 'pricing,' 'pricing tiers,' 'freemium,' 'free trial,' 'packaging,' 'price increase,' 'value metric,' 'Van Westendorp,' 'willingness to pay,' 'monetization,' 'how much should I charge,' 'my pricing is wrong,' 'pricing page,' 'annual vs monthly,' 'per seat pricing,' or 'should I offer a free plan.' Use this whenever someone is figuring out what to charge or how to structure their plans. For in-app upgrade screens, see paywall-upgrade-cro.