File tree Expand file tree Collapse file tree 1 file changed +29
-5
lines changed Expand file tree Collapse file tree 1 file changed +29
-5
lines changed Original file line number Diff line number Diff line change 1
1
![ .NET Core] ( https://github.com/joadan/Blazor-ApexCharts/workflows/.NET%20Core/badge.svg?branch=master )
2
2
3
3
# Blazor-ApexCharts
4
- A wrapper for ApexCharts.js.
4
+ A blazor wrapper for [ ApexCharts.js] ( https://apexcharts.com/ )
5
+ ## [ Demo] ( https://joadan.github.io/Blazor-ApexCharts/basic-charts )
5
6
6
- View it in action [ here] ( https://joadan.github.io/Blazor-ApexCharts/basic-charts )
7
-
8
- ** Please note: Not production ready.**
7
+ ** Please note: Not (yet) production ready.**
9
8
10
9
11
10
## Installation
@@ -31,7 +30,7 @@ Add a reference to `Blazor-ApexCharts` in your `_Imports.razor`
31
30
``` csharp
32
31
@using ApexCharts ;
33
32
```
34
- ### Basic Pie Chart
33
+ ### Basic Chart
35
34
``` html
36
35
<ApexChart TItem =" Order" Title =" Orders Net Value By Type" ChartType =" ChartType.Pie" >
37
36
<ApexSeries TItem =" Order"
@@ -45,6 +44,31 @@ Add a reference to `Blazor-ApexCharts` in your `_Imports.razor`
45
44
46
45
<img src =" BasicPieChart.png " width =" 500 " >
47
46
47
+ ### Chart Options
48
+ Apex Chart options is available in the ApexChartOptions class that can be passed to the chart.
49
+ Below is an example to show labels for a donut chart. More info in Apex documentation [ ApexCharts Docs] ( https://apexcharts.com/docs/options/ )
50
+
51
+ ``` csharp
52
+ private ApexChartOptions < Order > GetChartOptions ()
53
+ {
54
+ var options = new ApexChartOptions <Order >
55
+ {
56
+ PlotOptions = new PlotOptions
57
+ {
58
+ Pie = new PlotOptionsPie
59
+ {
60
+ Donut = new PlotOptionsDonut
61
+ {
62
+ Labels = new DonutLabels { Show = true }
63
+ }
64
+ }
65
+ }
66
+ };
67
+
68
+ return options ;
69
+ }
70
+ ```
71
+
48
72
49
73
** Order Class**
50
74
``` csharp
You can’t perform that action at this time.
0 commit comments