{"id":"58c78f4a-2d4a-47b4-8260-b0989a58ec95","shortId":"Xs9Pjb","kind":"skill","title":"syncfusion-maui-cartesian-charts","tagline":"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 (can","description":"# Implementing .NET MAUI Cartesian Charts\n\nGuide 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.\n\n## When to Use This Skill\n\nUse this skill when the user needs to:\n- **Visualize Data:** Display quantitative data with line, area, column, bar, or scatter charts\n- **Financial Analysis:** Create candle or OHLC charts for stock price visualization\n- **Statistical Data:** Plot box-and-whisker, histogram, or error bar charts\n- **Comparative Analysis:** Use stacked charts (area, column, line) for comparing multiple datasets\n- **Range Visualization:** Show high-low data with range area or range column charts\n- **Interactive Dashboards:** Implement zooming, panning, selection, and trackball features\n- **Time-Series Data:** Plot temporal data with datetime axes and auto-scrolling\n- **Custom Visualizations:** Add annotations, plotbands, trendlines, and custom styling\n\n## Component Overview\n\nThe **SfCartesianChart** control provides:\n- **20+ Chart Types:** Line, Area, Column, Bar, Scatter, Bubble, Candle, OHLC, Histogram, Box-and-Whisker, Stacked variations, Range charts, Waterfall, and more\n- **Flexible Axes:** Category, Numerical, DateTime, Logarithmic with full customization\n- **Interactive Features:** Zooming, panning, selection, tooltips, trackball, crosshair\n- **Rich Customization:** Data labels, legends, annotations, plotbands, trendlines, appearance\n- **Data Handling:** Empty point modes, data binding, dynamic updates\n- **Export & Localization:** Image export, multi-language support\n\n## Documentation and Navigation Guide\n\n### Getting Started\n\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n- NuGet package installation (`Syncfusion.Maui.Charts`)\n- Basic SfCartesianChart initialization in XAML and C#\n- Creating data models and view models\n- Axis setup (XAxes, YAxes)\n- Adding your first series with data binding\n- Complete working example\n\n### Chart Types\n\n#### Basic Chart Types\n📄 **Read:** [references/basic-chart-types.md](references/basic-chart-types.md)\n- Line, Area, Column, Bar, Scatter, Bubble charts\n- When to use each chart type\n- Implementation examples\n- Common properties and styling\n\n#### Financial Charts\n📄 **Read:** [references/financial-charts.md](references/financial-charts.md)\n- Candle charts (candlestick visualization)\n- OHLC (Open-High-Low-Close) charts\n- Financial data structure and binding\n- Bullish/bearish styling\n\n#### Statistical Charts\n📄 **Read:** [references/statistical-charts.md](references/statistical-charts.md)\n- Box and Whisker charts\n- Histogram charts\n- Error Bar charts\n- Statistical data requirements\n\n#### Stacked Charts\n📄 **Read:** [references/stacked-charts.md](references/stacked-charts.md)\n- Stacked Area (normal and 100%)\n- Stacked Column (normal and 100%)\n- Stacked Line (normal and 100%)\n- Grouping series for stacking\n- Percentage vs absolute values\n\n#### Range Charts\n📄 **Read:** [references/range-charts.md](references/range-charts.md)\n- Range Area charts\n- Range Column charts\n- Spline Range Area charts\n- High-Low data binding\n\n#### Advanced Chart Types\n📄 **Read:** [references/advanced-chart-types.md](references/advanced-chart-types.md)\n- Fastline (optimized for large datasets)\n- Step Area and Step Line\n- Waterfall charts\n- Performance considerations\n\n### Axis Configuration\n\n#### Axis Basics\n📄 **Read:** [references/axis-configuration.md](references/axis-configuration.md)\n- Axis types (Category, Numerical, DateTime, Logarithmic)\n- XAxes and YAxes collections\n- Axis labels and formatting\n- Axis titles\n- Multiple axes setup\n- Custom label customization\n\n#### Axis Customization\n📄 **Read:** [references/axis-customization.md](references/axis-customization.md)\n- Gridlines (major, minor) styling\n- Tick lines configuration\n- Axis padding\n- Range padding\n- Auto-scrolling delta\n- Axis positioning\n\n### Data Visualization & Interaction\n\n#### Data Labels\n📄 **Read:** [references/data-labels.md](references/data-labels.md)\n- Enabling and positioning data labels\n- Label placement (Inner, Outer, Auto)\n- Label formatting and templates\n- Styling and appearance\n- Release mode display configuration\n\n#### Tooltips and Interactive Features\n📄 **Read:** [references/tooltips-and-interaction.md](references/tooltips-and-interaction.md)\n- Tooltip configuration and customization\n- Trackball feature for multi-series comparison\n- Crosshair for precise value reading\n- Tooltip templates\n- Interactive display modes\n\n#### Zooming and Panning\n📄 **Read:** [references/zooming-and-panning.md](references/zooming-and-panning.md)\n- Zoom modes (Pinch, Selection, MouseWheel)\n- Panning configuration\n- ZoomPanBehavior setup\n- Programmatic zoom control\n- Reset zoom functionality\n\n#### Selection\n📄 **Read:** [references/selection.md](references/selection.md)\n- Selection types (Single, Multiple, Series)\n- DataPointSelectionBehavior\n- SeriesSelectionBehavior\n- Selection events\n- Custom selection styling\n\n### Customization & Styling\n\n#### Legend and Appearance\n📄 **Read:** [references/legend-and-appearance.md](references/legend-and-appearance.md)\n- Legend configuration and positioning\n- Legend item templates\n- Chart appearance customization\n- Color palettes\n- Themes and liquid glass effect\n\n#### Annotations and PlotBands\n📄 **Read:** [references/annotations-and-plotbands.md](references/annotations-and-plotbands.md)\n- Annotation types (Text, View, Shape)\n- Adding and positioning annotations\n- PlotBand configuration for highlighting regions\n- Use cases and examples\n\n#### Custom Styling\n📄 **Read:** [references/customization-and-styling.md](references/customization-and-styling.md)\n- Series appearance customization\n- Adding custom labels\n- Color and gradient fills\n- Border and corner radius\n- Template customization\n\n### Data Handling & Advanced Features\n\n#### Trendlines\n📄 **Read:** [references/trendlines.md](references/trendlines.md)\n- Trendline types (Linear, Exponential, Logarithmic, Polynomial, Power, Moving Average)\n- Adding trendlines to series\n- Forecast and backcast\n- Trendline customization\n\n#### Data Point Management\n📄 **Read:** [references/data-handling.md](references/data-handling.md)\n- Empty points handling\n- Empty point modes (Gap, Zero, Average, Drop)\n- Getting data points by region\n- Touch position detection\n- Data manipulation\n\n#### Export and Localization\n📄 **Read:** [references/exporting-and-localization.md](references/exporting-and-localization.md)\n- Exporting charts as images\n- Export formats and options\n- Localization configuration\n- Culture-specific formatting\n- Resource files","tags":["syncfusion","maui","cartesian","charts","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-cartesian-charts","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-cartesian-charts","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (6,810 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:05.846Z","embedding":null,"createdAt":"2026-04-18T22:15:06.948Z","updatedAt":"2026-04-22T00:56:05.846Z","lastSeenAt":"2026-04-22T00:56:05.846Z","tsv":"'100':387,392,397 '20':17,66,205 'absolut':404 'ad':301,627,648,678 'add':192 'advanc':426,663 'analysi':119,142 'annot':193,250,616,622,630 'appear':253,521,595,607,646 'area':22,37,112,146,162,209,320,384,412,419,438 'auto':188,492,514 'auto-scrol':187,491 'averag':677,701 'axe':185,229,470 'axi':297,446,448,453,463,467,475,487,495 'backcast':684 'bar':24,114,139,211,322,373 'basic':284,313,449 'bind':260,307,358,425 'border':655 'box':133,218,366 'box-and-whisk':132,217 'bubbl':213,324 'bullish/bearish':359 'c':290 'candl':121,214,343 'candlestick':345 'cartesian':4,10,33,46,56 'case':637 'categori':230,455 'chart':5,11,18,29,34,36,38,41,47,57,67,80,117,124,140,145,166,206,224,311,314,325,330,339,344,353,362,369,371,374,379,407,413,416,420,427,443,606,720 'close':352 'collect':462 'color':609,651 'column':23,113,147,165,210,321,389,415 'common':334 'compar':141,150 'comparison':543 'complet':308 'complex':87 'compon':199 'comprehens':60 'configur':447,486,525,534,566,600,632,728 'consider':445 'control':203,571 'corner':657 'creat':120,291 'crosshair':244,544 'cultur':730 'culture-specif':729 'custom':73,190,197,236,246,472,474,476,536,588,591,608,640,647,649,660,686 'dashboard':168 'data':14,61,106,109,130,159,179,182,247,254,259,292,306,355,376,424,497,500,508,661,687,704,711 'datapointselectionbehavior':584 'dataset':152,436 'datetim':184,232,457 'delta':494 'detect':710 'display':107,524,552 'document':271 'drop':702 'dynam':261 'effect':615 'empti':256,693,696 'enabl':505 'error':138,372 'event':587 'exampl':310,333,639 'exponenti':672 'export':263,266,713,719,723 'extens':72 'fastlin':432 'featur':70,175,238,529,538,664 'file':734 'fill':654 'financi':25,40,88,118,338,354 'first':303 'flexibl':228 'forecast':682 'format':466,516,724,732 'full':235 'function':574 'gap':699 'get':275,703 'glass':614 'gradient':653 'graph':85 'gridlin':480 'group':398 'guid':48,274 'handl':255,662,695 'high':157,350,422 'high-low':156,421 'highlight':634 'histogram':136,216,370 'imag':265,722 'implement':6,32,43,51,79,169,332 'includ':20 'initi':286 'inner':512 'instal':282 'interact':69,167,237,499,528,551 'item':604 'label':248,464,473,501,509,510,515,650 'languag':269 'larg':435 'legend':249,593,599,603 'line':21,35,84,111,148,208,319,394,441,485 'linear':671 'liquid':613 'local':264,715,727 'logarithm':233,458,673 'low':158,351,423 'major':481 'manag':689 'manipul':712 'maui':3,9,45,55 'minor':482 'mode':258,523,553,561,698 'model':293,296 'mousewheel':564 'move':676 'multi':268,541 'multi-languag':267 'multi-seri':540 'multipl':151,469,582 'navig':273 'need':103 'net':8,44,54 'normal':385,390,395 'nuget':280 'numer':231,456 'ohlc':123,215,347 'open':349 'open-high-low-clos':348 'optim':433 'option':74,726 'outer':513 'overview':200 'packag':281 'pad':488,490 'palett':610 'pan':171,240,556,565 'percentag':402 'perform':444 'pinch':562 'placement':511 'plot':131,180 'plotband':194,251,618,631 'point':257,688,694,697,705 'polynomi':674 'posit':496,507,602,629,709 'power':675 'precis':546 'price':127 'programmat':569 'properti':335 'provid':204 'quantit':108 'radius':658 'rang':81,153,161,164,223,406,411,414,418,489 'read':277,316,340,363,380,408,429,450,477,502,530,548,557,576,596,619,642,666,690,716 'references/advanced-chart-types.md':430,431 'references/annotations-and-plotbands.md':620,621 'references/axis-configuration.md':451,452 'references/axis-customization.md':478,479 'references/basic-chart-types.md':317,318 'references/customization-and-styling.md':643,644 'references/data-handling.md':691,692 'references/data-labels.md':503,504 'references/exporting-and-localization.md':717,718 'references/financial-charts.md':341,342 'references/getting-started.md':278,279 'references/legend-and-appearance.md':597,598 'references/range-charts.md':409,410 'references/selection.md':577,578 'references/stacked-charts.md':381,382 'references/statistical-charts.md':364,365 'references/tooltips-and-interaction.md':531,532 'references/trendlines.md':667,668 'references/zooming-and-panning.md':558,559 'region':635,707 'releas':522 'requir':377 'reset':572 'resourc':733 'rich':245 'scatter':116,212,323 'scroll':189,493 'select':172,241,563,575,579,586,589 'seri':178,304,399,542,583,645,681 'seriesselectionbehavior':585 'setup':298,471,568 'sfcartesianchart':12,58,202,285 'shape':626 'show':155 'simpl':83 'singl':581 'skill':77,96,99 'skill-syncfusion-maui-cartesian-charts' 'solut':63 'source-syncfusion' 'specif':731 'spline':417 'stack':28,144,221,378,383,388,393,401 'start':276 'statist':26,90,129,361,375 'step':437,440 'stock':126 'structur':356 'style':198,337,360,483,519,590,592,641 'support':270 'syncfus':2,7,53 'syncfusion-maui-cartesian-chart':1 'syncfusion.maui.charts':283 'templat':518,550,605,659 'tempor':181 'text':624 'theme':611 'tick':484 'time':177 'time-seri':176 'titl':468 'tooltip':242,526,533,549 'topic-agent-skills' 'touch':708 'trackbal':174,243,537 'trendlin':195,252,665,669,679,685 'type':19,68,207,312,315,331,428,454,580,623,670 'updat':262 'use':30,75,94,97,143,328,636 'user':49,102 'valu':405,547 'variat':222 'view':295,625 'visual':15,62,91,105,128,154,191,346,498 'vs':403 'waterfal':225,442 'whisker':135,220,368 'work':309 'xaml':288 'xax':299,459 'yax':300,461 'zero':700 'zoom':170,239,554,560,570,573 'zoompanbehavior':567","prices":[{"id":"c213b2e8-dccc-484c-9aa6-b6d6eb949b6e","listingId":"58c78f4a-2d4a-47b4-8260-b0989a58ec95","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:15:06.948Z"}],"sources":[{"listingId":"58c78f4a-2d4a-47b4-8260-b0989a58ec95","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-cartesian-charts","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-cartesian-charts","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:06.948Z","lastSeenAt":"2026-04-22T00:56:05.846Z"}],"details":{"listingId":"58c78f4a-2d4a-47b4-8260-b0989a58ec95","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-cartesian-charts","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.","skill_md_sha":"5b63a67b59c83d4360cec859a42b67cdbd45c968","skill_md_path":"skills/syncfusion-maui-cartesian-charts/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-cartesian-charts"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-cartesian-charts","description":"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, chart annotations, and trendlines."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-cartesian-charts"},"updatedAt":"2026-04-22T00:56:05.846Z"}}