{"id":29172030,"url":"https://github.com/syncfusion/uno.sfchart","last_synced_at":"2025-07-01T13:10:11.025Z","repository":{"id":46524158,"uuid":"285264425","full_name":"syncfusion/Uno.SfChart","owner":"syncfusion","description":"Syncfusion Uno Chart is an easy to use library for building native mobile and WebAssembly apps with C#, XAML from a single codebase. The chart controls offers 10+ chart types namely line, column, area, bar, pie, doughnut, scatter, etc.","archived":false,"fork":false,"pushed_at":"2021-10-06T11:43:16.000Z","size":3055,"stargazers_count":20,"open_issues_count":8,"forks_count":15,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-06-30T12:12:19.623Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/syncfusion.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.MD","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-08-05T11:10:11.000Z","updated_at":"2025-02-18T00:18:56.000Z","dependencies_parsed_at":"2022-09-13T14:00:51.635Z","dependency_job_id":null,"html_url":"https://github.com/syncfusion/Uno.SfChart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/syncfusion/Uno.SfChart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2FUno.SfChart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2FUno.SfChart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2FUno.SfChart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2FUno.SfChart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/syncfusion","download_url":"https://codeload.github.com/syncfusion/Uno.SfChart/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2FUno.SfChart/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262969875,"owners_count":23392530,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-07-01T13:10:10.125Z","updated_at":"2025-07-01T13:10:10.999Z","avatar_url":"https://github.com/syncfusion.png","language":"C#","readme":"# Syncfusion Uno Chart Control - Beta\n**Chart** provides a perfect way to visualize data with a high level of user interactivity that focuses on development, productivity and simplicity of use. **Chart** also provides a wide variety of charting features that are used to visualize large quantities of data, flexible data binding and user customization.\n\n\u003cimg width=\"700\" src=\"/Images/SyncfusionUnoChart.gif\"\u003e\n\n## Features\n\nCheck out the feature list of our first Uno Chart below:\n\n- Visualize and analyze data with ever-expanding 10+ charts and graphs ranging from line to pie charts.\n- Interact with and explore charts with features such as zoom and pan, tooltip, and data labels.\n\n### Chart Types\n\nThe Uno Chart control includes functionality for plotting more than 10 chart types. Each chart type is easily configured with built-in support for creating stunning visual effects.\n\n- **Basic Charts**\n    - Column Chart\n    - Bar Chart\n    - Line Chart\n    - Spline Chart\n    - Area Chart\n    - SplineArea Chart\n    - Area Chart\n- **Correlation Charts**\n    - Scatter Chart\n    - Bubble Chart\n- **Circular Charts**\n    - Pie Chart\n    - Doughnut Chart\n    - Semi PieChart\n    - Semi DoughnutChart\n    - Stacked DoughnutChart\n\n### Chart axis\n\nThe Uno Chart control supports three different types of axes: **numerical, categorical,** and **date-time**. The appearance of all chart axis elements can be customized with built-in properties.\n\n### Data Labels\n\nData points can be easily annotated with labels to help improve the readability of data.\n\n### Legends\n\nLegends provide additional information that is helpful in identifying individual series in a chart. They can be docked to the left, right, top, or bottom positions around the chart area.\n\n### Interactive Features\n\nThe end-user experience is greatly enhanced by a set of user interaction features: zooming, panning, and tooltip.\n\n## Getting started\n\nThis section explains how to add the Synfusion Uno Charts to your application and use its basic features.\n\n**Step 1**\nAdd Syncfusion.SfChart.Uno source project to your application.\n\n**Step 2**\nReference the source in the projects of all the platforms.\n\n**Step 3**\nImport the SfChart namespace as shown below in your respective Page,\n```xml\nxmlns:syncfusion=\"using:Syncfusion.UI.Xaml.Charts\"\n```\n**Step 4**\nThen initialize an empty chart with two axes as shown below,\n```xml\n\u003csyncfusion:SfChart\u003e \n      \u003csyncfusion:SfChart.PrimaryAxis\u003e\n           \u003csyncfusion:CategoryAxis /\u003e \n      \u003c/syncfusion:SfChart.PrimaryAxis\u003e \n      \u003csyncfusion:SfChart.SecondaryAxis\u003e\n           \u003csyncfusion:NumericalAxis /\u003e \n      \u003c/syncfusion:SfChart.SecondaryAxis\u003e\n\u003c/syncfusion:SfChart\u003e\n```\n**Step 5** \n\n**Populate Chart with data** - As we are going to visualize the comparison of heights in the data model, add ColumnSeries to SfChart.Series property, and then bind the Data property of the ViewModel to the ColumnSeries.ItemsSource property and You need to set XBindingPath and YBindingPath properties, so that SfChart would fetch values from the respective properties in the data model to plot the series.\n  \n```xml\n\u003csyncfusion:SfChart Header=\"Getting Started for Uno Chart\" Height=\"300\" Width=\"500\"\u003e\n    \u003csyncfusion:SfChart.PrimaryAxis\u003e\n        \u003csyncfusion:CategoryAxis Header=\"Name\" /\u003e\n    \u003c/syncfusion:SfChart.PrimaryAxis\u003e\n    \u003csyncfusion:SfChart.SecondaryAxis\u003e\n        \u003csyncfusion:NumericalAxis Header=\"Height(in cm)\" /\u003e\n    \u003c/syncfusion:SfChart.SecondaryAxis\u003e\n    \u003csyncfusion:ColumnSeries  ItemsSource=\"{Binding Data}\" XBindingPath=\"Name\" YBindingPath=\"Height\" \u003e\n          \u003csyncfusion:ColumnSeries.AdornmentsInfo\u003e\n              \u003csyncfusion:ChartAdornmentInfo ShowLabel=\"True\"  FontSize=\"16\" LabelPosition=\"Inner\" Foreground=\"White\" /\u003e\n          \u003c/syncfusion:ColumnSeries.AdornmentsInfo\u003e\n   \u003c/syncfusion:ColumnSeries\u003e\n\u003c/syncfusion:SfChart\u003e\n```\nThe following chart is created as a result of the above codes.\n\n\u003cimg width=\"400\" src=\"/Images/GettingStarted.png\"\u003e\n\n## Example applications\n\nYou will also find a Visual Studio solution with the SampleBrowser.SfChart application. It demonstrates some basic chart features. Here are outputs of the application below:\n\n\u003cimg width=\"700\" src=\"/Images/SyncfusionChartDemo.gif\"\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusion%2Funo.sfchart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusion%2Funo.sfchart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusion%2Funo.sfchart/lists"}