Blazor-ApexCharts

A blazor wrapper for ApexCharts.js

Demo

Please note: Development in progress, expect breaking changes.

.NET 6 or higher is required as of v0.9.0-beta

Breaking Changes v0.6.0-alpha

Version v0.6.0 introduces support for all Apex chart types, this comes with a number of breaking changes

• Chart Type is no longer set on chart level
• ApexSeries has been been replaced with ApexPointSeries
• ApexPointSeries take SeriesType to set chart type
• Chart is no longer automatically rerenderd, please use the method SetRerenderChart to flag the chart to be rerendered

Please see the samples for more details.

Installation

Nuget

Blazor-ApexCharts

dotnet add package Blazor-ApexCharts

Usage

Assets

In _Host.cshtml (server-side) or in index.html (client-side) add the following lines to the body tag after the _framework reference

<script src="_content/Blazor-ApexCharts/js/apex-charts.min.js"></script>
<script src="_content/Blazor-ApexCharts/js/blazor-apex-charts.js"></script>

Imports

Add a reference to Blazor-ApexCharts in your _Imports.razor

@using ApexCharts;

Chart Options

Apex Chart options is available in the ApexChartOptions class that can be passed to the chart. More info in Apex documentation ApexCharts Docs.