{"id":13466489,"url":"https://github.com/apexcharts/Blazor-ApexCharts","last_synced_at":"2025-03-25T21:32:20.694Z","repository":{"id":37314856,"uuid":"255701717","full_name":"apexcharts/Blazor-ApexCharts","owner":"apexcharts","description":"A blazor wrapper for ApexCharts.js","archived":false,"fork":false,"pushed_at":"2025-03-02T18:50:58.000Z","size":472103,"stargazers_count":900,"open_issues_count":45,"forks_count":93,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-03-20T19:17:08.808Z","etag":null,"topics":["apexcharts","blazor","blazor-apexcharts","blazor-charts","wrapper"],"latest_commit_sha":null,"homepage":"https://apexcharts.github.io/Blazor-ApexCharts","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/apexcharts.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-04-14T19:10:26.000Z","updated_at":"2025-03-15T21:20:21.000Z","dependencies_parsed_at":"2023-09-24T09:58:06.523Z","dependency_job_id":"c747a2a3-cdc3-44a6-8bd7-b5a492a6d0a0","html_url":"https://github.com/apexcharts/Blazor-ApexCharts","commit_stats":{"total_commits":540,"total_committers":30,"mean_commits":18.0,"dds":0.3203703703703704,"last_synced_commit":"3515da3bd7d828349fddb7473ed785765593ed82"},"previous_names":["joadan/blazor-apexcharts"],"tags_count":69,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apexcharts%2FBlazor-ApexCharts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apexcharts%2FBlazor-ApexCharts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apexcharts%2FBlazor-ApexCharts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apexcharts%2FBlazor-ApexCharts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/apexcharts","download_url":"https://codeload.github.com/apexcharts/Blazor-ApexCharts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245548376,"owners_count":20633567,"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":["apexcharts","blazor","blazor-apexcharts","blazor-charts","wrapper"],"created_at":"2024-07-31T15:00:45.071Z","updated_at":"2025-03-25T21:32:20.685Z","avatar_url":"https://github.com/apexcharts.png","language":"C#","funding_links":[],"categories":["Libraries \u0026 Extensions","others","C# #"],"sub_categories":["Components","2D/3D Rendering engines"],"readme":"\n\n![.NET Core](https://github.com/joadan/Blazor-ApexCharts/workflows/.NET%20Core/badge.svg?branch=master)\n\n\n\n# Blazor-ApexCharts\nA blazor wrapper for [ApexCharts.js](https://apexcharts.com/)\n## [Demo](https://apexcharts.github.io/Blazor-ApexCharts)\n\n\n## Installation\n### NuGet\n[Blazor-ApexCharts](https://www.nuget.org/packages/Blazor-ApexCharts/)\n\n```bash\ndotnet add package Blazor-ApexCharts\n```\n\n### ChartService\nApexChartService is an optional service that will manage global options, set locales, manage charts on the screen.\nAdd the chart service to the DI container by using the extension AddApexCharts(). This will add a scoped IApexChartService to the container.\n\n```razor\nservices.AddApexCharts();\n```\nor add it with global options\n\n```razor\nservices.AddApexCharts(e =\u003e\n            {\n                e.GlobalOptions = new ApexChartBaseOptions\n                {\n                    Debug = true,\n                    Theme = new Theme { Palette = PaletteType.Palette6 }\n                };\n            });\n```\n\n\n## Usage\n\n\n### Imports\nAdd a reference to `Blazor-ApexCharts` in your `_Imports.razor`\n```razor\n@using ApexCharts\n```\n\n### .NET 8\nIf you are on .NET 8 you need to set the rendermode to Interactive.\n\n*Interactive Server, Interactive WebAssembly or Interactive Auto*\n\n\n### Your first chart\n```razor\n    \u003cApexChart TItem=\"MyData\"\n               Title=\"Sample Data\"\u003e\n\n        \u003cApexPointSeries TItem=\"MyData\"\n                         Items=\"Data\"\n                         Name=\"Net Profit\"\n                         SeriesType=\"SeriesType.Bar\"\n                         XValue=\"e =\u003e e.Category\"\n                         YValue=\"e=\u003e e.NetProfit\" /\u003e\n\n        \u003cApexPointSeries TItem=\"MyData\"\n                         Items=\"Data\"\n                         Name=\"Revenue\"\n                         SeriesType=\"SeriesType.Bar\"\n                         XValue=\"e =\u003e e.Category\"\n                         YValue=\"e=\u003e e.Revenue\" /\u003e\n    \u003c/ApexChart\u003e\n    \n@code {\n    private List\u003cMyData\u003e Data { get; set; } = new();\n    protected override void OnInitialized()\n    {\n        Data.Add(new MyData { Category = \"Jan\", NetProfit = 12, Revenue = 33 });\n        Data.Add(new MyData { Category = \"Feb\", NetProfit = 43, Revenue = 42 });\n        Data.Add(new MyData { Category = \"Mar\", NetProfit = 112, Revenue = 23 });\n    }\n\n    public class MyData\n    {\n        public string Category { get; set; }\n        public int NetProfit { get; set; }\n        public int Revenue { get; set; }\n    }\n}\n```\n\n\n### Chart Options\nApex Chart options are available in the `ApexChartOptions` class that can be passed to the chart. More info in Apex documentation [ApexCharts Docs](https://apexcharts.com/docs/options/).\n\n**The chart options cannot be shared.  Each chart instance must have its own ApexChartOptions instance**\n\n## Acknowledgments\nCredits to [@thirstyape](https://github.com/thirstyape) for making production release possible.\n\n\n[![Stargazers repo roster for @apexcharts/Blazor-ApexCharts](https://reporoster.com/stars/dark/apexcharts/Blazor-ApexCharts)](https://github.com/apexcharts/Blazor-ApexCharts/stargazers)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapexcharts%2FBlazor-ApexCharts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapexcharts%2FBlazor-ApexCharts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapexcharts%2FBlazor-ApexCharts/lists"}