Skip to content

Commit b20936f

Browse files
joadanjoadan
committed
Added grouped Sample
1 parent 765b4af commit b20936f

File tree

8 files changed

+102
-61
lines changed

8 files changed

+102
-61
lines changed

‎docs/BlazorApexCharts.Docs.Server/Properties/launchSettings.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
"IIS Express": {
1212
"commandName": "IISExpress",
1313
"launchBrowser": true,
14-
"launchUrl": "donut-charts",
14+
"launchUrl": "rangebar-charts#grouped",
1515
"environmentVariables": {
1616
"ASPNETCORE_ENVIRONMENT": "Development"
1717
}

‎docs/BlazorApexCharts.Docs.Wasm/BlazorApexCharts.Docs.Wasm.csproj

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<ItemGroup>
88
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="6.0.3" />
99
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="6.0.3" PrivateAssets="all" />
10-
<PackageReference Include="PublishSPAforGitHubPages.Build" Version="1.3.1" />
10+
<PackageReference Include="PublishSPAforGitHubPages.Build" Version="1.3.6" />
1111
<PackageReference Include="System.Net.Http.Json" Version="6.0.0" />
1212
</ItemGroup>
1313

‎docs/BlazorApexCharts.Docs/BlazorApexCharts.Docs.csproj

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,11 @@
1010
</ItemGroup>
1111

1212
<ItemGroup>
13-
<PackageReference Include="Bogus" Version="33.1.1" />
14-
<PackageReference Include="ColorCode.HTML" Version="2.0.10" />
13+
<PackageReference Include="Bogus" Version="34.0.2" />
14+
<PackageReference Include="ColorCode.HTML" Version="2.0.13" />
1515
<PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="6.0.3" />
1616
<PackageReference Include="Microsoft.Extensions.Http" Version="6.0.0" />
17-
<PackageReference Include="TabBlazor" Version="0.5.4-alpha" />
17+
<PackageReference Include="TabBlazor" Version="0.6.0-alpha" />
1818
</ItemGroup>
1919

2020
<ItemGroup>

‎docs/BlazorApexCharts.Docs/Components/ChartTypes/RangeBarCharts/Grouped.razor

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<DemoContainer>
2+
<ApexChart TItem="SupportIncident"
3+
Title="Incident Severity"
4+
Options=options>
5+
6+
<ApexRangeSeries TItem="SupportIncident"
7+
Items="incidents"
8+
XValue="@(e => e.Source.ToString())"
9+
YValue="@(e =>e.Severity)"
10+
Name="Main Incidents" />
11+
12+
<ApexRangeSeries TItem="SupportIncident"
13+
Items="incidents"
14+
XValue="@(e => e.Source.ToString())"
15+
YValue="@(e => e.Severity + 50)"
16+
Name="Test Incidents" />
17+
18+
</ApexChart>
19+
</DemoContainer>
20+
21+
@code {
22+
private List<SupportIncident> incidents { get; set; } = SampleData.GetSupportIncidentsForRange();
23+
private ApexChartOptions<SupportIncident> options;
24+
25+
protected override void OnInitialized()
26+
{
27+
options = new ApexChartOptions<SupportIncident>
28+
{
29+
PlotOptions = new PlotOptions
30+
{
31+
Bar = new PlotOptionsBar
32+
{
33+
Horizontal = true,
34+
RangeBarGroupRows = true,
35+
}
36+
}
37+
};
38+
}
39+
}

‎docs/BlazorApexCharts.Docs/Components/ChartTypes/RangeBarCharts/RangeBarCharts.razor

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,10 @@
1414
</Snippet>
1515
</CodeSnippet>
1616

17+
<CodeSnippet Title="Grouped" ClassName=@typeof(Grouped).ToString()>
18+
<Snippet>
19+
<Grouped />
20+
</Snippet>
21+
</CodeSnippet>
22+
1723
</DocExamples>

‎docs/BlazorApexCharts.Docs/Components/Features/Formatters/FormatterSamples.razor

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515

1616
<div class="d-flex">
1717
<div class="me-2">
18-
<Icon TextColor=TablerColor.Danger Elements=@Icons.Alert_triangle Size=40 />
18+
<Icon TextColor=TablerColor.Danger IconType=@Icons.Alert_triangle Size=40 />
1919
</div>
2020
<div>
2121
<h4 class="alert-title">Only supported in Blazor WebAssembly!</h4>

‎docs/BlazorApexCharts.Docs/Icons/Icons.cs

Lines changed: 32 additions & 36 deletions
Large diffs are not rendered by default.

‎docs/BlazorApexCharts.Docs/Shared/MainNavigation.razor

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -3,100 +3,100 @@
33
<a href="https://github.com/apexcharts/Blazor-ApexCharts" target=_blank class="navbar-brand navbar-brand-autodark">
44
<h3 class="">
55
Blazor ApexCharts
6-
<Icon Elements=@Icons.Brand_github BackgroundColor=TablerColor.White />
6+
<Icon IconType=@Icons.Brand_github BackgroundColor=TablerColor.White />
77
</h3>
88
</a>
99
<NavbarMenu>
1010
<NavbarMenuItem Href="" Text="Chart Gallery">
1111
<MenuItemIcon>
12-
<Icon class="icon" Elements="@Icons.Apps" />
12+
<Icon class="icon" IconType="@Icons.Apps" />
1313
</MenuItemIcon>
1414
</NavbarMenuItem>
1515

1616
<NavbarMenuItem Text="Chart Types">
1717
<MenuItemIcon>
18-
<Icon class="icon" Elements="@Icons.Chart_infographic" />
18+
<Icon class="icon" IconType="@Icons.Chart_infographic" />
1919
</MenuItemIcon>
2020

2121
<SubMenu>
2222

2323
<NavbarMenuItem Href="area-charts" Text="Area">
2424
<MenuItemIcon>
25-
<Icon class="icon" Elements="@Icons.Chart_area" />
25+
<Icon class="icon" IconType="@Icons.Chart_area" />
2626
</MenuItemIcon>
2727
</NavbarMenuItem>
2828

2929
<NavbarMenuItem Href="bar-charts" Text="Bar">
3030
<MenuItemIcon>
31-
<Icon class="icon" Elements="@Icons.Chart_bar" />
31+
<Icon class="icon" IconType="@Icons.Chart_bar" />
3232
</MenuItemIcon>
3333
</NavbarMenuItem>
3434

3535
<NavbarMenuItem Href="boxplot-charts" Text="BoxPlot">
3636
<MenuItemIcon>
37-
<Icon class="icon" Elements="@Icons.Chart_candle" />
37+
<Icon class="icon" IconType="@Icons.Chart_candle" />
3838
</MenuItemIcon>
3939
</NavbarMenuItem>
4040

4141
<NavbarMenuItem Href="bubble-charts" Text="Bubble">
4242
<MenuItemIcon>
43-
<Icon class="icon" Elements="@Icons.Chart_scatter" />
43+
<Icon class="icon" IconType="@Icons.Chart_scatter" />
4444
</MenuItemIcon>
4545
</NavbarMenuItem>
4646

4747
<NavbarMenuItem Href="candlestick-charts" Text="Candlestick">
4848
<MenuItemIcon>
49-
<Icon class="icon" Elements="@Icons.Chart_candle" />
49+
<Icon class="icon" IconType="@Icons.Chart_candle" />
5050
</MenuItemIcon>
5151
</NavbarMenuItem>
5252

5353
<NavbarMenuItem Href="donut-charts" Text="Donut">
5454
<MenuItemIcon>
55-
<Icon class="icon" Elements="@Icons.Chart_donut_3" />
55+
<Icon class="icon" IconType="@Icons.Chart_donut_3" />
5656
</MenuItemIcon>
5757
</NavbarMenuItem>
5858

5959
<NavbarMenuItem Href="heatmap-charts" Text="Heatmap">
6060
<MenuItemIcon>
61-
<Icon class="icon" Elements="@Icons.Grid_dots" />
61+
<Icon class="icon" IconType="@Icons.Grid_dots" />
6262
</MenuItemIcon>
6363
</NavbarMenuItem>
6464

6565
<NavbarMenuItem Href="line-charts" Text="Line">
6666
<MenuItemIcon>
67-
<Icon class="icon" Elements="@Icons.Chart_line" />
67+
<Icon class="icon" IconType="@Icons.Chart_line" />
6868
</MenuItemIcon>
6969
</NavbarMenuItem>
7070

7171
<NavbarMenuItem Href="pie-charts" Text="Pie">
7272
<MenuItemIcon>
73-
<Icon class="icon" Elements="@Icons.Chart_pie_3" />
73+
<Icon class="icon" IconType="@Icons.Chart_pie_3" />
7474
</MenuItemIcon>
7575
</NavbarMenuItem>
7676

7777
<NavbarMenuItem Href="radialbar-charts" Text="Radial bars">
7878
<MenuItemIcon>
79-
<Icon class="icon" Elements="@Icons.Chart_donut_4" />
79+
<Icon class="icon" IconType="@Icons.Chart_donut_4" />
8080
</MenuItemIcon>
8181
</NavbarMenuItem>
8282

8383
<NavbarMenuItem Href="rangebar-charts" Text="Range bar">
8484
<MenuItemIcon>
85-
<Icon class="icon" Elements="@Icons.Chart_arrows_vertical" />
85+
<Icon class="icon" IconType="@Icons.Chart_arrows_vertical" />
8686
</MenuItemIcon>
8787
</NavbarMenuItem>
8888

8989
<NavbarMenuItem Href="scatter-charts" Text="Scatter">
9090
<MenuItemIcon>
91-
<Icon class="icon" Elements="@Icons.Chart_scatter" />
91+
<Icon class="icon" IconType="@Icons.Chart_scatter" />
9292
</MenuItemIcon>
9393
</NavbarMenuItem>
9494
</SubMenu>
9595
</NavbarMenuItem>
9696

9797
<NavbarMenuItem Text="Events">
9898
<MenuItemIcon>
99-
<Icon class="icon" Elements="@Icons.Bolt" />
99+
<Icon class="icon" IconType="@Icons.Bolt" />
100100
</MenuItemIcon>
101101
<SubMenu>
102102
<NavbarMenuItem Text="Data Point Selection" Href="events/data-point-selection" />
@@ -108,7 +108,7 @@
108108

109109
<NavbarMenuItem Text="Features">
110110
<MenuItemIcon>
111-
<Icon class="icon" Elements="@Icons.Ad" />
111+
<Icon class="icon" IconType="@Icons.Ad" />
112112
</MenuItemIcon>
113113

114114
<SubMenu>
@@ -123,7 +123,7 @@
123123

124124
<NavbarMenuItem Text="Methods">
125125
<MenuItemIcon>
126-
<Icon class="icon" Elements="@Icons.Affiliate" />
126+
<Icon class="icon" IconType="@Icons.Affiliate" />
127127
</MenuItemIcon>
128128
<SubMenu>
129129
<NavbarMenuItem Text="Render" Href="methods/render" />
@@ -142,7 +142,7 @@
142142

143143
<NavbarMenuItem Href="chart-themes" Text="Themes">
144144
<MenuItemIcon>
145-
<Icon class="icon" Elements="@Icons.Color_swatch" />
145+
<Icon class="icon" IconType="@Icons.Color_swatch" />
146146
</MenuItemIcon>
147147
</NavbarMenuItem>
148148
</NavbarMenu>

0 commit comments

Comments
 (0)