├── .github
└── workflows
│ ├── deploy-docs.yml
│ ├── dotnetcore-maui.yml
│ ├── dotnetcore.yml
│ ├── release-maui.yml
│ └── release.yml
├── .gitignore
├── BasicPieChart.png
├── Blazor-ApexCharts.sln
├── LICENSE
├── README.md
├── apexchart_logo.png
├── docs
├── BlazorApexCharts.Docs.Server
│ ├── App.razor
│ ├── BlazorApexCharts.Docs.Server.csproj
│ ├── Pages
│ │ └── _Host.cshtml
│ ├── Program.cs
│ ├── Properties
│ │ ├── Resources.Designer.cs
│ │ ├── Resources.resx
│ │ └── launchSettings.json
│ ├── Startup.cs
│ ├── _Imports.razor
│ ├── appsettings.Development.json
│ ├── appsettings.json
│ └── wwwroot
│ │ ├── css
│ │ └── site.css
│ │ └── favicon.ico
├── BlazorApexCharts.Docs.Wasm
│ ├── App.razor
│ ├── BlazorApexCharts.Docs.Wasm.csproj
│ ├── Program.cs
│ ├── Properties
│ │ └── launchSettings.json
│ ├── _Imports.razor
│ └── wwwroot
│ │ ├── favicon.ico
│ │ └── index.html
└── BlazorApexCharts.Docs
│ ├── BlazorApexCharts.Docs.csproj
│ ├── Components
│ ├── ChartCard.razor
│ ├── ChartGallery
│ │ ├── BoxPlotChart.razor
│ │ ├── BubbleChart.razor
│ │ ├── CandlestickChart.razor
│ │ ├── ChartTypes.razor
│ │ ├── FunnelChartSample.razor
│ │ ├── GaugeChart.razor
│ │ ├── HeatMapChart.razor
│ │ ├── MixedChart.razor
│ │ ├── MixedChart.razor.cs
│ │ ├── OrderChart.razor
│ │ ├── OrderChart.razor.cs
│ │ ├── RangeAreaChart.razor
│ │ └── RangeBarChart.razor
│ ├── ChartService
│ │ ├── ChartServiceDocs.razor
│ │ ├── Installation.razor
│ │ └── Usage.razor
│ ├── ChartThemes
│ │ ├── ChartThemes.razor
│ │ └── Themes.razor
│ ├── ChartTypes
│ │ ├── AreaCharts
│ │ │ ├── AreaCharts.razor
│ │ │ ├── AreaFill.razor
│ │ │ ├── AreaPlotOptions.razor
│ │ │ ├── Basic.razor
│ │ │ └── Height.razor
│ │ ├── BarCharts
│ │ │ ├── BarCharts.razor
│ │ │ ├── BarZoom.razor
│ │ │ ├── Basic.razor
│ │ │ ├── Colors.razor
│ │ │ ├── Goals.razor
│ │ │ ├── GroupStacked.razor
│ │ │ ├── Horizontal.razor
│ │ │ ├── IncludeModel.razor
│ │ │ ├── NegativeValues.razor
│ │ │ ├── NumericXAxis.razor
│ │ │ ├── PointColors.razor
│ │ │ ├── Stacked.razor
│ │ │ ├── Stacked100.razor
│ │ │ └── StackedTotalDataLabel.razor
│ │ ├── BoxPlotCharts
│ │ │ ├── Basic.razor
│ │ │ ├── BoxPlotCharts.razor
│ │ │ ├── Colors.razor
│ │ │ ├── Goals.razor
│ │ │ └── Horizontal.razor
│ │ ├── BubbleCharts
│ │ │ ├── Basic.razor
│ │ │ ├── BubbleCharts.razor
│ │ │ └── PointColors.razor
│ │ ├── CandlestickCharts
│ │ │ ├── Basic.razor
│ │ │ ├── CandleStickCharts.razor
│ │ │ └── Mixed.razor
│ │ ├── DonutCharts
│ │ │ ├── Angle.razor
│ │ │ ├── Basic.razor
│ │ │ ├── DonutCharts.razor
│ │ │ ├── Dynamic.razor
│ │ │ └── Total.razor
│ │ ├── FunnelCharts
│ │ │ ├── Basic.razor
│ │ │ └── FunnelCharts.razor
│ │ ├── HeatmapCharts
│ │ │ ├── Basic.razor
│ │ │ ├── Colors.razor
│ │ │ ├── HeatmapCharts.razor
│ │ │ ├── NoShade.razor
│ │ │ └── OneColor.razor
│ │ ├── LineCharts
│ │ │ ├── Basic.razor
│ │ │ ├── ColorThreshold.razor
│ │ │ ├── DataLabels.razor
│ │ │ ├── DataLabelsTickBetween.razor
│ │ │ ├── DateTime.razor
│ │ │ ├── DistinctMarker.razor
│ │ │ ├── LineCharts.razor
│ │ │ ├── NullValues.razor
│ │ │ ├── SeriesStroke.razor
│ │ │ └── Size.razor
│ │ ├── MixedCharts
│ │ │ ├── Basic.razor
│ │ │ ├── MixedCharts.razor
│ │ │ └── PointColor.razor
│ │ ├── PieCharts
│ │ │ ├── Basic.razor
│ │ │ ├── LabelFormatter.razor
│ │ │ ├── PieCharts.razor
│ │ │ └── PointColor.razor
│ │ ├── RadarCharts
│ │ │ ├── Basic.razor
│ │ │ ├── DataLabels.razor
│ │ │ └── RadarCharts.razor
│ │ ├── RadialBarCharts
│ │ │ ├── Basic.razor
│ │ │ ├── RadialBarCharts.razor
│ │ │ └── TotalFormatter.razor
│ │ ├── RangeAreaCharts
│ │ │ ├── Basic.razor
│ │ │ ├── Mixed.razor
│ │ │ └── RangeAreaCharts.razor
│ │ ├── RangeBarCharts
│ │ │ ├── Basic.razor
│ │ │ ├── DateRange.razor
│ │ │ ├── Grouped.razor
│ │ │ ├── Overlap.razor
│ │ │ ├── PointColors.razor
│ │ │ ├── RangeBarCharts.razor
│ │ │ └── Selection.razor
│ │ ├── ScatterCharts
│ │ │ ├── Basic.razor
│ │ │ ├── Mixed.razor
│ │ │ ├── PointColor.razor
│ │ │ ├── ScatterCharts.razor
│ │ │ └── ScatterTimeSeries.razor
│ │ └── SlopeCharts
│ │ │ ├── Basic.razor
│ │ │ └── SlopeCharts.razor
│ ├── CodeContainer.razor
│ ├── CodeContainer.razor.cs
│ ├── CodeFormatter.razor
│ ├── CodeFormatter.razor.cs
│ ├── CodeSnippet.razor
│ ├── CodeSnippet.razor.cs
│ ├── DemoContainer.razor
│ ├── DocExamples.razor
│ ├── DocExamples.razor.cs
│ ├── Events
│ │ ├── BeforeResetZoom
│ │ │ ├── Basic.razor
│ │ │ └── BeforeResetZoom.razor
│ │ ├── BeforeZoom
│ │ │ ├── Basic.razor
│ │ │ └── BeforeZoom.razor
│ │ ├── BrushedScrolled
│ │ │ ├── Basic.razor
│ │ │ └── BrushScrolled.razor
│ │ ├── ChartSetup
│ │ │ ├── Basic.razor
│ │ │ └── ChartSetup.razor
│ │ ├── Click
│ │ │ ├── Basic.razor
│ │ │ ├── Click.razor
│ │ │ └── PieChart.razor
│ │ ├── DataPointHover
│ │ │ ├── Basic.razor
│ │ │ └── DataPointHover.razor
│ │ ├── DataPointSelection
│ │ │ ├── Basic.razor
│ │ │ ├── DataPointSelection.razor
│ │ │ └── PieChart.razor
│ │ ├── LegendClick
│ │ │ ├── Basic.razor
│ │ │ ├── LegendClick.razor
│ │ │ └── NoAxisChart.razor
│ │ ├── MarkerClick
│ │ │ ├── Basic.razor
│ │ │ └── MarkerClick.razor
│ │ ├── MouseHover
│ │ │ ├── Basic.razor
│ │ │ └── MouseHover.razor
│ │ ├── Scrolled
│ │ │ ├── Basic.razor
│ │ │ └── Scrolled.razor
│ │ ├── Selection
│ │ │ ├── Basic.razor
│ │ │ └── Selection.razor
│ │ ├── XAxisLabelClick
│ │ │ ├── Basic.razor
│ │ │ ├── DateTime.razor
│ │ │ └── XAxisLabelClickDocs.razor
│ │ └── Zoomed
│ │ │ ├── Basic.razor
│ │ │ └── Zoomed.razor
│ ├── Features
│ │ ├── Annotations
│ │ │ ├── AnnotationsSamples.razor
│ │ │ ├── Basic.razor
│ │ │ ├── DateTime.razor
│ │ │ ├── Horizontal.razor
│ │ │ ├── LabelEvents.razor
│ │ │ ├── Multiline.razor
│ │ │ └── PointEvents.razor
│ │ ├── Axis
│ │ │ ├── AxisSamples.razor
│ │ │ ├── AxisStyle.razor
│ │ │ ├── MultipleYAxisSeries.razor
│ │ │ ├── RotateLabels.razor
│ │ │ └── XAxisGroupsChart.razor
│ │ ├── BlazorOptions
│ │ │ ├── BlazorOptions.razor
│ │ │ └── JavascriptPath.razor
│ │ ├── ChartSize
│ │ │ ├── Basic.razor
│ │ │ ├── ChartSize.razor
│ │ │ └── Percentage.razor
│ │ ├── Data
│ │ │ ├── ChartData.razor
│ │ │ ├── DataAsync.razor
│ │ │ └── NoData.razor
│ │ ├── DynamicSeries
│ │ │ ├── AddSeries.razor
│ │ │ └── DynamicSeries.razor
│ │ ├── Export
│ │ │ ├── CsvFormatter.razor
│ │ │ ├── Export.razor
│ │ │ └── Options.razor
│ │ ├── Formatters
│ │ │ ├── Donut.razor
│ │ │ ├── ExtraData.razor
│ │ │ ├── FormatterSamples.razor
│ │ │ ├── MultipleYAxis.razor
│ │ │ ├── UseDotNetXAxis.razor
│ │ │ ├── UseDotnet.razor
│ │ │ └── UseJavascript.razor
│ │ ├── GroupPoints
│ │ │ ├── Basic.razor
│ │ │ ├── Group.razor
│ │ │ └── GroupDetails.razor
│ │ ├── Legend
│ │ │ ├── Basic.razor
│ │ │ ├── LegendCharts.razor
│ │ │ └── LegendFormatter.razor
│ │ ├── Localization
│ │ │ ├── Basic.razor
│ │ │ └── LocalizationCharts.razor
│ │ ├── Performance
│ │ │ ├── Basic.razor
│ │ │ └── PreformanceCharts.razor
│ │ ├── Responsive
│ │ │ ├── Basic.razor
│ │ │ └── ResponsiveSamples.razor
│ │ ├── States
│ │ │ ├── Basic.razor
│ │ │ └── StateCharts.razor
│ │ ├── Syncronized
│ │ │ ├── Brush.razor
│ │ │ ├── Syncronized.razor
│ │ │ └── SyncronizedCharts.razor
│ │ ├── Toolbar
│ │ │ ├── ChangeIcon.razor
│ │ │ ├── CustomIcons.razor
│ │ │ ├── HideIcons.razor
│ │ │ └── Toolbar.razor
│ │ ├── TooltipsDotNet
│ │ │ ├── Basic.razor
│ │ │ ├── PointColor.razor
│ │ │ ├── RangeBar.razor
│ │ │ └── TooltipsDotNet.razor
│ │ └── TooltipsJavascript
│ │ │ ├── Basic.razor
│ │ │ └── Tooltips.razor
│ ├── Issues
│ │ ├── ClickIssue.razor
│ │ ├── DynamicOptions.razor
│ │ ├── IOSChrome1.razor
│ │ ├── IOSChrome2.razor
│ │ └── StackOnlyBar.razor
│ └── Methods
│ │ ├── Annotations
│ │ ├── Annotations.razor
│ │ └── Basic.razor
│ │ ├── AppendData
│ │ ├── AppendData.razor
│ │ ├── Basic.razor
│ │ └── NoAxis.razor
│ │ ├── DataUri
│ │ ├── Basic.razor
│ │ └── DataUriSamples.razor
│ │ ├── GetSvgString
│ │ ├── Basic.razor
│ │ └── GetSvgStringSamples.razor
│ │ ├── HighlightSeries
│ │ ├── Basic.razor
│ │ └── HighlightSeries.razor
│ │ ├── MultiCharts
│ │ ├── MultiCharts.razor
│ │ └── ShowHide.razor
│ │ ├── Render
│ │ ├── Basic.razor
│ │ └── ChartRender.razor
│ │ ├── ShowHideSeries
│ │ ├── Basic.razor
│ │ ├── InitiallyHidden.razor
│ │ └── ShowHideSeries.razor
│ │ ├── ToggleDataPoint
│ │ ├── Basic.razor
│ │ └── ToggleDataPoint.razor
│ │ ├── UpdateOptions
│ │ ├── Basic.razor
│ │ ├── MaintainZoom.razor
│ │ └── UpdateOptions.razor
│ │ ├── UpdateSeries
│ │ ├── Basic.razor
│ │ ├── FillColor.razor
│ │ ├── RealTime.razor
│ │ └── UpdateSeries.razor
│ │ └── ZoomX
│ │ ├── Basic.razor
│ │ └── ZoomX.razor
│ ├── Data
│ ├── Activity.cs
│ ├── BoxPlotSample.cs
│ ├── MeteoSample.cs
│ ├── Order.cs
│ ├── Project.cs
│ ├── SampleData.cs
│ ├── SimpleValue.cs
│ ├── StockPrice.cs
│ ├── SupportIncident.cs
│ ├── TimeSeries.cs
│ └── WeatherForecast.cs
│ ├── DocsExtensions.cs
│ ├── Icons
│ └── Icons.cs
│ ├── Pages
│ └── Index.razor
│ ├── Services
│ └── CodeSnippetService.cs
│ ├── Shared
│ ├── GlobalOptions.razor
│ ├── GlobalOptions.razor.cs
│ ├── MainLayout.razor
│ ├── MainNavigation.razor
│ └── MainNavigation.razor.cs
│ ├── _Imports.razor
│ └── wwwroot
│ └── css
│ └── docs.css
└── src
├── Blazor-ApexCharts-MAUI
├── Blazor-ApexCharts-MAUI.csproj
├── ChartService
│ └── ApexChartServiceMaui.cs
└── Extensions
│ └── ApexChartsMauiExtensions.cs
└── Blazor-ApexCharts
├── ApexChart.razor
├── ApexChart.razor.cs
├── ApexChartTooltip.razor
├── ApexChartTooltip.razor.cs
├── ApexGauge.razor
├── ApexGauge.razor.cs
├── Blazor-ApexCharts.csproj
├── ChartService
├── ApexChartService.cs
├── IApexChartService.cs
└── LocaleResource.cs
├── Extensions
├── ApexChartsExtensions.cs
└── GeneralExtensions.cs
├── Internal
├── ChartSerializer.cs
├── Converters
│ ├── CustomJsonStringEnumConverter.cs
│ ├── DataPointConverter.cs
│ ├── FunctionStringConverter.cs
│ ├── FunctionValueOrListConverterConverter.cs
│ ├── SeriesConverter.cs
│ └── ValueOrListConverter.cs
├── JSHandler.cs
├── JSLoader.cs
└── Models
│ ├── AppendData.cs
│ ├── JSAnnotationEvent.cs
│ ├── JSDataPointSelection.cs
│ ├── JSEvents.cs
│ ├── JSLegendClicked.cs
│ ├── JSSelection.cs
│ ├── JSXAxisLabelClick.cs
│ └── JSZoomed.cs
├── Models
├── ApexChartOptions.cs
├── BlazorOptions.cs
├── DataPoints
│ ├── BubblePoint.cs
│ ├── DataPoint.cs
│ ├── IDataPoint.cs
│ ├── ListPoint.cs
│ └── ReturnData.cs
├── DataUriOptions.cs
├── DataUriResult.cs
├── GaugeValue.cs
├── GroupValues.cs
├── IAnnotation.cs
├── IApexChartBaseOptions.cs
├── MultiType
│ ├── Color.cs
│ ├── CurveSelections.cs
│ ├── CustomFunction.cs
│ ├── FillPatternStyleSelections.cs
│ ├── FillTypeSelections.cs
│ ├── ImagePaths.cs
│ ├── MarkerShapeSelections.cs
│ ├── MultiLineText.cs
│ ├── Opacity.cs
│ ├── SeriesName.cs
│ ├── Size.cs
│ └── ValueOrList.cs
├── PaletteType.cs
├── Series.cs
├── SeriesStroke.cs
└── ZoomOptions.cs
├── Series
├── ApexBaseSeries.cs
├── ApexBoxPlotSeries.cs
├── ApexBubbleSeries.cs
├── ApexCandleSeries.cs
├── ApexPointSeries.cs
├── ApexRangeAreaSeries.cs
├── ApexRangeSeries.cs
├── IApexSeries.cs
├── LegendClicked.cs
├── SeriesType.cs
└── XAxisLabelClicked.cs
├── _Imports.razor
├── apexchart_logo.png
└── wwwroot
├── css
└── apexcharts.css
├── js
├── apexcharts.esm.js
└── blazor-apexcharts.js
└── locales
├── ar.json
├── be-cyrl.json
├── be-latn.json
├── ca.json
├── cs.json
├── da.json
├── de.json
├── el.json
├── en.json
├── es.json
├── et.json
├── fa.json
├── fi.json
├── fr.json
├── he.json
├── hi.json
├── hr.json
├── hu.json
├── hy.json
├── id.json
├── it.json
├── ja.json
├── ka.json
├── ko.json
├── lt.json
├── lv.json
├── ms.json
├── nb.json
├── nl.json
├── pl.json
├── pt-br.json
├── pt.json
├── ru.json
├── sk.json
├── sl.json
├── sq.json
├── sr.json
├── sv.json
├── th.json
├── tr.json
├── uk.json
├── vi.json
├── zh-cn.json
└── zh-tw.json
/.github/workflows/deploy-docs.yml:
--------------------------------------------------------------------------------
1 | name: Build and Deploy Docs
2 | on:
3 | workflow_dispatch:
4 | push:
5 | branches: [ master ]
6 | jobs:
7 | build-and-deploy:
8 | runs-on: ubuntu-22.04
9 | steps:
10 | - uses: actions/checkout@v2
11 | - name: Setup .NET Core
12 | uses: actions/setup-dotnet@v3
13 | with:
14 | dotnet-version: 8.0.x
15 |
16 | - name: Publish with dotnet
17 | run: dotnet publish -c Release -o public -p:GHPages=true
18 | working-directory: ./docs/BlazorApexCharts.Docs.Wasm
19 | - name: Deploy to Github Pages
20 | uses: JamesIves/github-pages-deploy-action@releases/v3
21 | with:
22 | ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
23 | BASE_BRANCH: master
24 | BRANCH: gh-pages # The branch the action should deploy to.
25 | FOLDER: docs/BlazorApexCharts.Docs.Wasm/public/wwwroot # The folder the action should deploy.
26 | CLEAN: true
27 |
--------------------------------------------------------------------------------
/.github/workflows/dotnetcore-maui.yml:
--------------------------------------------------------------------------------
1 | name: .NET Core MAUI
2 |
3 | on:
4 | push:
5 | branches: [ master ]
6 | pull_request:
7 | branches: [ master ]
8 |
9 | jobs:
10 | build:
11 |
12 | runs-on: windows-2022
13 | strategy:
14 | matrix:
15 | dotnet-version: [9]
16 |
17 | steps:
18 | - uses: actions/checkout@v2
19 | - name: Setup dotnet ${{ matrix.dotnet-version }}.0.x
20 | uses: actions/setup-dotnet@v3
21 | with:
22 | dotnet-version: ${{ matrix.dotnet-version }}.0.x
23 | - name: Install dependencies
24 | run: |
25 | dotnet workload install maui
26 | dotnet restore
27 | working-directory: ./src/Blazor-ApexCharts-MAUI
28 | - name: Build MAUI
29 | run: dotnet build --configuration Release --no-restore
30 | working-directory: ./src/Blazor-ApexCharts-MAUI
31 |
--------------------------------------------------------------------------------
/.github/workflows/dotnetcore.yml:
--------------------------------------------------------------------------------
1 | name: .NET Core
2 |
3 | on:
4 | push:
5 | branches: [ master ]
6 | pull_request:
7 | branches: [ master ]
8 |
9 | jobs:
10 | build:
11 |
12 | runs-on: windows-2022
13 | strategy:
14 | matrix:
15 | dotnet-version: [8, 9]
16 |
17 | steps:
18 | - uses: actions/checkout@v2
19 | - name: Setup dotnet ${{ matrix.dotnet-version }}.0.x
20 | uses: actions/setup-dotnet@v3
21 | with:
22 | dotnet-version: ${{ matrix.dotnet-version }}.0.x
23 | - name: Install dependencies
24 | run: dotnet restore
25 | working-directory: ./src/Blazor-ApexCharts
26 | - name: Build
27 | run: dotnet build --configuration Release --no-restore --framework net${{ matrix.dotnet-version }}.0
28 | working-directory: ./src/Blazor-ApexCharts
29 |
--------------------------------------------------------------------------------
/.github/workflows/release-maui.yml:
--------------------------------------------------------------------------------
1 | on:
2 | push:
3 | tags:
4 | - 'v*' # Push events to matching v*, i.e. v1.0, v20.15.10
5 | name: Create Release
6 | jobs:
7 | build:
8 | name: Create Release
9 | runs-on: windows-2022
10 | timeout-minutes: 30
11 | steps:
12 | - name: Checkout code
13 | uses: actions/checkout@v2
14 |
15 | - name: Setup .NET Core
16 | uses: actions/setup-dotnet@v3
17 | with:
18 | dotnet-version: 9.0.x
19 |
20 | - name: Install dependencies
21 | run: |
22 | dotnet workload install maui
23 | dotnet restore
24 |
25 | - name: Dotnet Pack
26 | working-directory: ./src/Blazor-ApexCharts-MAUI
27 | run: dotnet pack -c Release -p:Version=${GITHUB_REF##*/v}
28 |
29 | - name: Dotnet Nuget Push
30 | working-directory: ./src/Blazor-ApexCharts-MAUI/bin/Release
31 | run: dotnet nuget push Blazor-ApexCharts-MAUI.*.nupkg -s https://api.nuget.org/v3/index.json -k ${{ secrets.NUGET_API_KEY }}
32 |
--------------------------------------------------------------------------------
/.github/workflows/release.yml:
--------------------------------------------------------------------------------
1 | on:
2 | push:
3 | tags:
4 | - 'v*' # Push events to matching v*, i.e. v1.0, v20.15.10
5 | name: Create Release
6 | jobs:
7 | build:
8 | name: Create Release
9 | runs-on: Ubuntu-22.04
10 | timeout-minutes: 10
11 | steps:
12 | - name: Checkout code
13 | uses: actions/checkout@v2
14 |
15 | - name: Setup .NET Core
16 | uses: actions/setup-dotnet@v3
17 | with:
18 | dotnet-version: 8.0.x
19 |
20 | - name: Dotnet Pack
21 | working-directory: ./src/Blazor-ApexCharts
22 | run: dotnet pack -c Release -p:Version=${GITHUB_REF##*/v}
23 |
24 | - name: Dotnet Nuget Push
25 | working-directory: ./src/Blazor-ApexCharts/bin/Release
26 | run: dotnet nuget push Blazor-ApexCharts.*.nupkg -s https://api.nuget.org/v3/index.json -k ${{ secrets.NUGET_API_KEY }}
27 | continue-on-error: false
28 |
29 | - name: Create Release
30 | uses: actions/create-release@master
31 | env:
32 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
33 | with:
34 | tag_name: ${{ github.ref }}
35 | release_name: Release ${{ github.ref }}
36 | draft: false
37 | prerelease: true
38 |
--------------------------------------------------------------------------------
/BasicPieChart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apexcharts/Blazor-ApexCharts/d7d16dc70c7e55481552b0dab2358fa6a95cf66c/BasicPieChart.png
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 Joakim Dangården
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/apexchart_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apexcharts/Blazor-ApexCharts/d7d16dc70c7e55481552b0dab2358fa6a95cf66c/apexchart_logo.png
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/App.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Sorry, there's nothing at this address.
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/BlazorApexCharts.Docs.Server.csproj:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | net8.0
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 | True
14 | True
15 | Resources.resx
16 |
17 |
18 |
19 |
20 |
21 | ResXFileCodeGenerator
22 | Resources.Designer.cs
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/Pages/_Host.cshtml:
--------------------------------------------------------------------------------
1 | @page "/"
2 | @namespace BlazorApexCharts.Docs.Server.Pages
3 | @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
4 | @{
5 | Layout = null;
6 | }
7 |
8 |
9 |
10 |
11 |
12 |
13 | Blazor ApexCharts Docs
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | An error has occurred. This application may no longer respond until reloaded.
29 |
30 |
31 | An unhandled exception has occurred. See browser dev tools for details.
32 |
33 |
Reload
34 |
🗙
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/Program.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Hosting;
2 | using Microsoft.Extensions.Hosting;
3 |
4 | namespace BlazorApexCharts.Docs.Server
5 | {
6 | public class Program
7 | {
8 | public static void Main(string[] args)
9 | {
10 | CreateHostBuilder(args).Build().Run();
11 | }
12 |
13 | public static IHostBuilder CreateHostBuilder(string[] args) =>
14 | Host.CreateDefaultBuilder(args)
15 | .ConfigureWebHostDefaults(webBuilder =>
16 | {
17 | webBuilder.UseStartup();
18 | });
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/Properties/launchSettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "profiles": {
3 | "IIS Express": {
4 | "commandName": "IISExpress",
5 | "launchBrowser": true,
6 | "launchUrl": "features/group-points",
7 | "environmentVariables": {
8 | "ASPNETCORE_ENVIRONMENT": "Development"
9 | }
10 | },
11 | "BlazorApexCharts.Docs.Server": {
12 | "commandName": "Project",
13 | "launchBrowser": true,
14 | "launchUrl": "bar-charts",
15 | "environmentVariables": {
16 | "ASPNETCORE_ENVIRONMENT": "Development"
17 | },
18 | "applicationUrl": "https://localhost:5001;http://localhost:5000",
19 | "dotnetRunMessages": "true"
20 | }
21 | },
22 | "iisSettings": {
23 | "windowsAuthentication": false,
24 | "anonymousAuthentication": true,
25 | "iisExpress": {
26 | "applicationUrl": "http://localhost:46190",
27 | "sslPort": 44369
28 | }
29 | }
30 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/_Imports.razor:
--------------------------------------------------------------------------------
1 | @using System.Net.Http
2 | @using Microsoft.AspNetCore.Authorization
3 | @using Microsoft.AspNetCore.Components.Authorization
4 | @using Microsoft.AspNetCore.Components.Forms
5 | @using Microsoft.AspNetCore.Components.Routing
6 | @using Microsoft.AspNetCore.Components.Web
7 | @using Microsoft.AspNetCore.Components.Web.Virtualization
8 | @using Microsoft.JSInterop
9 | @using BlazorApexCharts.Docs.Server
10 | @using BlazorApexCharts.Docs.Shared
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/appsettings.Development.json:
--------------------------------------------------------------------------------
1 | {
2 | "DetailedErrors": true,
3 | "Logging": {
4 | "LogLevel": {
5 | "Default": "Information",
6 | "Microsoft": "Warning",
7 | "Microsoft.Hosting.Lifetime": "Information"
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/appsettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "Logging": {
3 | "LogLevel": {
4 | "Default": "Information",
5 | "Microsoft": "Warning",
6 | "Microsoft.Hosting.Lifetime": "Information"
7 | }
8 | },
9 | "AllowedHosts": "*"
10 | }
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/wwwroot/css/site.css:
--------------------------------------------------------------------------------
1 |
2 |
3 | #blazor-error-ui {
4 | background: lightyellow;
5 | bottom: 0;
6 | box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
7 | display: none;
8 | left: 0;
9 | padding: 0.6rem 1.25rem 0.7rem 1.25rem;
10 | position: fixed;
11 | width: 100%;
12 | z-index: 1000;
13 | }
14 |
15 | #blazor-error-ui .dismiss {
16 | cursor: pointer;
17 | position: absolute;
18 | right: 0.75rem;
19 | top: 0.5rem;
20 | }
21 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Server/wwwroot/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apexcharts/Blazor-ApexCharts/d7d16dc70c7e55481552b0dab2358fa6a95cf66c/docs/BlazorApexCharts.Docs.Server/wwwroot/favicon.ico
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Wasm/App.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Sorry, there's nothing at this address.
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Wasm/Program.cs:
--------------------------------------------------------------------------------
1 | using ApexCharts;
2 | using BlazorApexCharts.Docs.Services;
3 | using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
4 | using Microsoft.Extensions.DependencyInjection;
5 | using System;
6 | using System.Net.Http;
7 | using System.Net.Http.Headers;
8 | using System.Threading.Tasks;
9 |
10 | namespace BlazorApexCharts.Docs.Wasm
11 | {
12 | public class Program
13 | {
14 | public static async Task Main(string[] args)
15 | {
16 | var builder = WebAssemblyHostBuilder.CreateDefault(args);
17 | builder.RootComponents.Add("#app");
18 |
19 | builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
20 | builder.Services.AddDocs();
21 |
22 | builder.Services.AddHttpClient("GitHub", client => client.DefaultRequestHeaders.UserAgent.Add(new ProductInfoHeaderValue("Blazor-ApexCharts", "1")));
23 | builder.Services.AddScoped();
24 |
25 | builder.Services.AddApexCharts();
26 |
27 |
28 |
29 | await builder.Build().RunAsync();
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Wasm/Properties/launchSettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "profiles": {
3 | "IIS Express": {
4 | "commandName": "IISExpress",
5 | "launchBrowser": true,
6 | "launchUrl": "features/performance",
7 | "environmentVariables": {
8 | "ASPNETCORE_ENVIRONMENT": "Development"
9 | },
10 | "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}"
11 | },
12 | "BlazorApexCharts.Docs.Wasm": {
13 | "commandName": "Project",
14 | "launchBrowser": true,
15 | "launchUrl": "features/responsive",
16 | "environmentVariables": {
17 | "ASPNETCORE_ENVIRONMENT": "Development"
18 | },
19 | "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
20 | "applicationUrl": "https://localhost:5001;http://localhost:5000",
21 | "dotnetRunMessages": "true"
22 | }
23 | },
24 | "iisSettings": {
25 | "windowsAuthentication": false,
26 | "anonymousAuthentication": true,
27 | "iisExpress": {
28 | "applicationUrl": "http://localhost:31787",
29 | "sslPort": 44347
30 | }
31 | }
32 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Wasm/_Imports.razor:
--------------------------------------------------------------------------------
1 | @using System.Net.Http
2 | @using System.Net.Http.Json
3 | @using Microsoft.AspNetCore.Components.Forms
4 | @using Microsoft.AspNetCore.Components.Routing
5 | @using Microsoft.AspNetCore.Components.Web
6 | @using Microsoft.AspNetCore.Components.Web.Virtualization
7 | @using Microsoft.AspNetCore.Components.WebAssembly.Http
8 | @using Microsoft.JSInterop
9 | @using BlazorApexCharts.Docs.Wasm
10 | @using BlazorApexCharts.Docs.Shared
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs.Wasm/wwwroot/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apexcharts/Blazor-ApexCharts/d7d16dc70c7e55481552b0dab2358fa6a95cf66c/docs/BlazorApexCharts.Docs.Wasm/wwwroot/favicon.ico
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/BlazorApexCharts.Docs.csproj:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | net8.0
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 | true
27 |
28 |
29 | true
30 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartCard.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 | @ChildContent
4 |
5 |
6 |
7 | @code {
8 | [Parameter] public RenderFragment ChildContent { get; set; }
9 | }
10 |
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/BoxPlotChart.razor:
--------------------------------------------------------------------------------
1 |
4 |
5 |
15 |
16 |
17 |
18 |
19 |
20 | @code {
21 | private List incidents { get; set; } = SampleData.GetBoxPlotData();
22 | private ApexChartOptions options = new ApexChartOptions();
23 | protected override void OnInitialized()
24 | {
25 | base.OnInitialized();
26 |
27 | options.Chart = new Chart
28 | {
29 | Sparkline = new ChartSparkline
30 | {
31 | Enabled = true
32 | }
33 | };
34 |
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/BubbleChart.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | @foreach (var data in incidents.GroupBy(e=> e.Source))
6 | {
7 |
14 | }
15 |
16 |
17 |
18 | @code {
19 | private List incidents { get; set; } = SampleData.GetSupportIncidents();
20 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/CandlestickChart.razor:
--------------------------------------------------------------------------------
1 |
2 |
6 |
14 |
15 |
16 |
17 |
18 | @code {
19 | private List stockPrices { get; set; } = SampleData.GetStockPrices();
20 | private ApexChartOptions options = new ApexChartOptions();
21 | protected override void OnInitialized()
22 | {
23 | base.OnInitialized();
24 |
25 | options.Chart = new Chart
26 | {
27 | Sparkline = new ChartSparkline
28 | {
29 | Enabled = true
30 | }
31 | };
32 | }
33 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/FunnelChartSample.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
15 |
16 |
17 |
18 |
19 |
20 | @code {
21 | private List Orders { get; set; } = SampleData.GetOrders();
22 | private ApexChartOptions options;
23 |
24 | protected override void OnInitialized()
25 | {
26 | options = new ApexChartOptions
27 | {
28 | PlotOptions = new PlotOptions
29 | {
30 | Bar = new PlotOptionsBar
31 | {
32 | Horizontal = true,
33 | IsFunnel = true
34 | }
35 | }
36 | };
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/GaugeChart.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/HeatMapChart.razor:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 | @foreach (var source in incidents.GroupBy(e => e.Source))
8 | {
9 |
15 | }
16 |
17 |
18 |
19 |
20 | @code {
21 | private List incidents { get; set; } = SampleData.GetSupportIncidents();
22 | private ApexChartOptions options;
23 |
24 | protected override void OnInitialized()
25 | {
26 | options = new ApexChartOptions
27 | {
28 | Chart = new Chart { Sparkline = new ChartSparkline { Enabled = true } }
29 | };
30 | }
31 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/MixedChart.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
14 |
15 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/MixedChart.razor.cs:
--------------------------------------------------------------------------------
1 | using ApexCharts;
2 | using Microsoft.AspNetCore.Components;
3 | using System.Collections.Generic;
4 |
5 | namespace BlazorApexCharts.Docs.Components.ChartGallery
6 | {
7 | public partial class MixedChart
8 | {
9 |
10 | private ApexChartOptions options = new ApexChartOptions();
11 | private List orders { get; set; } = SampleData.GetOrders();
12 |
13 |
14 | protected override void OnInitialized()
15 | {
16 | base.OnInitialized();
17 |
18 | options.Chart = new Chart
19 | {
20 | Sparkline = new ChartSparkline { Enabled = true }
21 | };
22 |
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/OrderChart.razor.cs:
--------------------------------------------------------------------------------
1 | using ApexCharts;
2 | using Microsoft.AspNetCore.Components;
3 | using System.Collections.Generic;
4 |
5 | namespace BlazorApexCharts.Docs.Components.ChartGallery
6 | {
7 | public partial class OrderChart
8 | {
9 | [Parameter] public SeriesType PointType { get; set; }
10 |
11 | private ApexChartOptions options = new ApexChartOptions();
12 | private List orders;
13 |
14 | private bool IsXYChart()
15 | {
16 | return PointType switch
17 | {
18 | SeriesType.Pie or SeriesType.Donut or SeriesType.Treemap or SeriesType.RadialBar or SeriesType.RangeArea or SeriesType.PolarArea => false,
19 | _ => true,
20 | };
21 | }
22 |
23 | protected override void OnInitialized()
24 | {
25 | base.OnInitialized();
26 |
27 | orders = SampleData.GetOrders();
28 |
29 |
30 | options.Chart = new Chart
31 | {
32 | Sparkline = new ChartSparkline
33 | {
34 | Enabled = true
35 | }
36 | };
37 |
38 |
39 |
40 | }
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/RangeAreaChart.razor:
--------------------------------------------------------------------------------
1 | @using BlazorApexCharts.Docs.Data;
2 |
5 |
6 |
13 |
14 |
15 | @code {
16 | private List temperatures { get; set; } = SampleData.GetMeteoSample();
17 | private ApexChartOptions options = new();
18 |
19 | protected override void OnInitialized()
20 | {
21 | options = new ApexChartOptions();
22 | options.Chart = new Chart { Sparkline = new ChartSparkline { Enabled = true } };
23 | }
24 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartGallery/RangeBarChart.razor:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
14 | @code {
15 | private List incidents { get; set; } = SampleData.GetSupportIncidentsForRange();
16 | private ApexChartOptions options;
17 |
18 | protected override void OnInitialized()
19 | {
20 | options = new ApexChartOptions
21 | {
22 | Chart = new Chart
23 | {
24 | Sparkline = new ChartSparkline
25 | {
26 | Enabled = true
27 | }
28 | },
29 | PlotOptions = new PlotOptions
30 | {
31 | Bar = new PlotOptionsBar
32 | {
33 | Horizontal = true
34 | }
35 | }
36 | };
37 | }
38 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartService/ChartServiceDocs.razor:
--------------------------------------------------------------------------------
1 | @page "/chart-service"
2 |
3 |
4 |
5 |
6 | ApexChartService is a service that will manage global options, set locales, manage charts on the screen.
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartService/Installation.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 | Add Chart Service to the DI container by using the extension AddApexCharts().
4 | This will add a scoped IApexChartService to the container.
5 |
6 |
7 | For Blazor projects running in a web browser, WinForms, or WPF.
8 |
9 |
10 | For Blazor projects running in a MAUI application.
11 |
12 |
13 | Or, optional add global options
14 |
15 |
16 |
17 |
18 |
19 | @code {
20 |
21 | [Inject] public IApexChartService ChartService { get; set; }
22 | private string codeMinimal = @"services.AddApexCharts();";
23 | private string codeMinimalMaui = @"services.AddApexCharts();";
24 | private string codeGlobalOptions = @"services.AddApexCharts(e =>
25 | {
26 | e.GlobalOptions = new ApexChartBaseOptions
27 | {
28 | Debug = true,
29 | Theme = new Theme { Palette = PaletteType.Palette6 }
30 | };
31 | });";
32 |
33 | protected override async Task OnInitializedAsync()
34 | {
35 | await ChartService.InitalizeChartAsync();
36 | }
37 |
38 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartThemes/ChartThemes.razor:
--------------------------------------------------------------------------------
1 | @page "/chart-themes"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/AreaCharts/AreaCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/area-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/AreaCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
20 |
21 |
22 |
23 | @code {
24 | private List orders { get; set; } = SampleData.GetOrders();
25 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/AreaCharts/Height.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
20 |
21 |
22 |
23 | @code {
24 | private List orders { get; set; } = SampleData.GetOrders();
25 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BarCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
20 |
21 |
22 |
23 | @code {
24 | private List Orders { get; set; } = SampleData.GetOrders();
25 | }
26 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BarCharts/Colors.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
14 |
15 |
23 |
24 |
25 |
26 | @code {
27 | private List Orders { get; set; } = SampleData.GetOrders();
28 | }
29 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BarCharts/NegativeValues.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
13 |
14 |
15 |
16 | @code {
17 | private List Projects { get; set; } = SampleData.GetProjects();
18 |
19 | private void PointMutator(IDataPoint point)
20 | {
21 | var dataPoint = (DataPoint)point;
22 | if (dataPoint.Y > 0)
23 | {
24 | dataPoint.FillColor = "#003399";
25 | }
26 | else
27 | {
28 | dataPoint.FillColor = "#e62e00";
29 | }
30 | }
31 |
32 | }
33 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BarCharts/NumericXAxis.razor:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
14 |
15 |
16 |
17 |
18 |
19 | @code {
20 | private List Orders { get; set; } = SampleData.GetOrders();
21 | private ApexChartOptions options { get; set; }
22 |
23 | protected override void OnInitialized()
24 | {
25 | base.OnInitialized();
26 | options = new ApexChartOptions
27 | {
28 | Xaxis = new XAxis { DecimalsInFloat = 1 }
29 | };
30 | }
31 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BarCharts/PointColors.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
14 |
15 |
16 |
17 | @code {
18 | private List Orders { get; set; } = SampleData.GetOrders();
19 |
20 | private string GetColor(Order order)
21 | {
22 | if (order.Country == "France")
23 | {
24 | return "#ffd500";
25 | }
26 | return null;
27 | }
28 |
29 |
30 | }
31 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BoxPlotCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
15 |
16 |
17 | @code {
18 | private List incidents { get; set; } = SampleData.GetBoxPlotData();
19 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BoxPlotCharts/BoxPlotCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/boxplot-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BoxPlotCharts/Colors.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
15 |
16 |
17 | @code {
18 | private List incidents { get; set; } = SampleData.GetBoxPlotData();
19 | private ApexChartOptions options { get; set; } = new();
20 |
21 | protected override void OnInitialized()
22 | {
23 | options.PlotOptions = new PlotOptions { BoxPlot = new PlotOptionsBoxPlot { Colors = new BloxPlotColors { Lower = "#ffa500", Upper = "#ee82ee" } } };
24 |
25 | }
26 |
27 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BoxPlotCharts/Horizontal.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
15 |
16 |
17 | @code {
18 | private List incidents { get; set; } = SampleData.GetBoxPlotData();
19 | private ApexChartOptions options { get; set; } = new();
20 |
21 | protected override void OnInitialized()
22 | {
23 | options.PlotOptions = new PlotOptions { Bar = new PlotOptionsBar { Horizontal = true } };
24 |
25 | }
26 |
27 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BubbleCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | @foreach (var data in incidents.GroupBy(e=> e.Source))
6 | {
7 |
13 | }
14 |
15 |
16 |
17 | @code {
18 | private List incidents { get; set; } = SampleData.GetSupportIncidents();
19 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BubbleCharts/BubbleCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/bubble-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/BubbleCharts/PointColors.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | @foreach (var data in incidents.GroupBy(e=> e.Source))
6 | {
7 |
14 | }
15 |
16 |
17 |
18 | @code {
19 | private List incidents { get; set; } = SampleData.GetSupportIncidents();
20 |
21 | private string GetPointColor(SupportIncident incident)
22 | {
23 | if (incident.Severity > 70)
24 | {
25 | return "#ba4e8e";
26 | }
27 | return null;
28 | }
29 |
30 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/CandlestickCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
14 |
15 |
16 |
17 | @code {
18 | private List stockPrices { get; set; } = SampleData.GetStockPrices();
19 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/CandlestickCharts/CandleStickCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/candlestick-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/DonutCharts/Angle.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
13 |
14 |
15 |
16 | @code {
17 | private List orders = SampleData.GetOrders();
18 | private ApexChartOptions options = new();
19 | protected override void OnInitialized()
20 | {
21 | options.PlotOptions = new PlotOptions { Pie = new PlotOptionsPie { StartAngle = -90, EndAngle = 90 } };
22 | }
23 |
24 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/DonutCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
14 |
15 | @code {
16 | private List Orders { get; set; } = SampleData.GetOrders();
17 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/DonutCharts/DonutCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/donut-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/DonutCharts/Total.razor:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
14 |
15 |
16 |
17 | @code {
18 | private List Orders { get; set; } = SampleData.GetOrders();
19 | private ApexChartOptions options { get; set; } = new();
20 |
21 | protected override void OnInitialized()
22 | {
23 | options.PlotOptions = new PlotOptions
24 | {
25 | Pie = new PlotOptionsPie
26 | {
27 | Donut = new PlotOptionsDonut
28 | {
29 | Labels = new DonutLabels
30 | {
31 | Total = new DonutLabelTotal { FontSize="24px", Color = "#D807B8", Formatter = @"function (w) {return w.globals.seriesTotals.reduce((a, b) => { return (a + b) }, 0)}" }
32 | }
33 | }
34 | }
35 | };
36 | }
37 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/FunnelCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
15 |
16 |
17 |
18 |
19 |
20 | @code {
21 | private List Orders { get; set; } = SampleData.GetOrders();
22 | private ApexChartOptions options;
23 |
24 | protected override void OnInitialized()
25 | {
26 | options = new ApexChartOptions
27 | {
28 | PlotOptions = new PlotOptions
29 | {
30 | Bar = new PlotOptionsBar
31 | {
32 | Horizontal = true,
33 | IsFunnel = true
34 | }
35 | }
36 | };
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/FunnelCharts/FunnelCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/funnel-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/HeatmapCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 | @foreach (var source in incidents.GroupBy(e => e.Source))
7 | {
8 |
14 | }
15 |
16 |
17 |
18 |
19 | @code {
20 | private List incidents { get; set; } = SampleData.GetSupportIncidents();
21 |
22 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/HeatmapCharts/Colors.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 | @foreach (var source in incidents.GroupBy(e => e.Source).OrderBy(e => e.Key))
7 | {
8 |
15 | }
16 |
17 |
18 |
19 |
20 | @code {
21 | private List incidents { get; set; } = SampleData.GetSupportIncidents();
22 | private ApexChartOptions options = new();
23 |
24 | private string GetColor(IncidentSource source)
25 | {
26 | switch (source)
27 | {
28 | case IncidentSource.Internal:
29 | return "#FF0000";
30 | case IncidentSource.ThirdParty:
31 | return "#0000FF";
32 | case IncidentSource.Integration:
33 | return "#FF00FF";
34 | default:
35 | return "#008FFB";
36 | }
37 | }
38 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/HeatmapCharts/HeatmapCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/heatmap-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/HeatmapCharts/OneColor.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 | @foreach (var source in incidents.GroupBy(e => e.Source))
7 | {
8 |
14 | }
15 |
16 |
17 |
18 |
19 | @code {
20 | private List incidents { get; set; } = SampleData.GetSupportIncidents();
21 | private ApexChartOptions options;
22 |
23 | protected override void OnInitialized()
24 | {
25 | options = new ApexChartOptions
26 | {
27 | Colors = new List { "#008FFB" }
28 | };
29 | }
30 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/LineCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
20 |
21 |
22 |
23 | @code {
24 | private List Orders { get; set; } = SampleData.GetOrders();
25 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/LineCharts/DistinctMarker.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
13 |
14 |
15 |
16 |
17 |
18 | @code {
19 | private List orders { get; set; } = SampleData.GetOrders();
20 | private ApexChartOptions options { get; set; } = new();
21 |
22 | protected override void OnInitialized()
23 | {
24 | options.Markers = new Markers
25 | {
26 | Discrete = new List() {
27 | new MarkersDiscrete {
28 | SeriesIndex = 0,
29 | DataPointIndex = 2,
30 | Size = 10,
31 | Shape = MarkerShape.Diamond,
32 | FillColor = "#F30707"
33 | }
34 | }
35 | };
36 | }
37 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/LineCharts/NullValues.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
11 |
12 |
13 |
14 |
15 | @code {
16 | private List Data { get; set; } = SampleData.GetSimpleValues();
17 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/LineCharts/Size.razor:
--------------------------------------------------------------------------------
1 |
2 | Update Size
3 |
4 |
8 |
9 |
16 |
17 |
18 |
19 | @code {
20 | private ApexChart chart;
21 | private List Orders { get; set; } = SampleData.GetOrders();
22 | private ApexChartOptions options { get; set; } = new ApexChartOptions();
23 | private int width = 200;
24 |
25 | protected override void OnInitialized()
26 | {
27 | options.Chart = new Chart { Width = "300px", Height = "500px" };
28 | }
29 |
30 | private async Task UpdateSize()
31 | {
32 | width = (int)(width * 1.1);
33 | await chart.RenderAsync();
34 | }
35 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/MixedCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
20 |
21 |
22 |
23 | @code {
24 | private List orders { get; set; } = SampleData.GetOrders();
25 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/MixedCharts/MixedCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/mixed-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/MixedCharts/PointColor.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
13 |
14 |
21 |
22 |
23 |
24 | @code {
25 | private List orders { get; set; } = SampleData.GetOrders();
26 |
27 |
28 | private string GetPointColor(Order order)
29 | {
30 | if (order.Country == "Brazil")
31 | {
32 | return "#ff3c47";
33 | }
34 |
35 | return "#003c47";
36 | }
37 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/PieCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
13 |
14 |
15 |
16 | @code {
17 | private List Orders { get; set; } = SampleData.GetOrders();
18 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/PieCharts/LabelFormatter.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
13 |
14 |
15 |
16 | @code {
17 | private List Orders { get; set; } = SampleData.GetOrders();
18 | private ApexChartOptions options { get; set; } = new();
19 |
20 | protected override void OnInitialized()
21 | {
22 | options.DataLabels = new DataLabels
23 | {
24 | Formatter = @"function(value, { seriesIndex, w }) {
25 | return w.config.series[seriesIndex];}"
26 | };
27 |
28 | }
29 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/PieCharts/PieCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/pie-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RadarCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
20 |
21 |
22 |
23 | @code {
24 | private List orders { get; set; } = SampleData.GetOrders();
25 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RadarCharts/DataLabels.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
13 |
14 |
21 |
22 |
23 |
24 | @code {
25 | private List orders { get; set; } = SampleData.GetOrders();
26 | private void XAxisLabelClick(XAxisLabelClicked data)
27 | {
28 | var gg = data.LabelIndex;
29 | }
30 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RadarCharts/RadarCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/radar-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 | In a Radar chart it's not possible to set the DataLabels on individual series.
22 | If one series has DataLabels set all series will have datalabels. This is a limitation in Apexcharts.js
23 | Radar Chart
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RadialBarCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
13 |
14 |
15 |
16 |
17 |
18 | @code {
19 | private List orders = SampleData.GetOrders();
20 | }
21 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RadialBarCharts/RadialBarCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/radialbar-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RangeAreaCharts/Basic.razor:
--------------------------------------------------------------------------------
1 | @using BlazorApexCharts.Docs.Data;
2 |
3 |
6 |
7 |
14 |
15 |
16 |
17 | @code {
18 | private List temperatures { get; set; } = SampleData.GetMeteoSample();
19 | private ApexChartOptions options;
20 |
21 | protected override void OnInitialized()
22 | {
23 | options = new ApexChartOptions();
24 | options.Yaxis = new List();
25 | options.Yaxis.Add(new YAxis
26 | {
27 | Labels = new YAxisLabels
28 | {
29 | Formatter = @"function(val) {
30 | return val + '°C'
31 | }"
32 | }
33 | });
34 | }
35 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RangeAreaCharts/RangeAreaCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/rangearea-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RangeBarCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
10 |
11 |
12 |
13 |
14 | @code {
15 | private List incidents { get; set; } = SampleData.GetSupportIncidentsForRange();
16 | private ApexChartOptions options;
17 |
18 | protected override void OnInitialized()
19 | {
20 | options = new ApexChartOptions
21 | {
22 | PlotOptions = new PlotOptions
23 | {
24 | Bar = new PlotOptionsBar
25 | {
26 | Horizontal = true
27 | }
28 | }
29 | };
30 | }
31 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RangeBarCharts/Grouped.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
11 |
12 |
17 |
18 |
19 |
20 |
21 | @code {
22 | private List incidents { get; set; } = SampleData.GetSupportIncidentsForRange();
23 | private ApexChartOptions options;
24 |
25 | protected override void OnInitialized()
26 | {
27 | options = new ApexChartOptions
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/PointColors.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
11 |
12 |
13 |
14 |
15 | @code {
16 | private List incidents { get; set; } = SampleData.GetSupportIncidentsForRange();
17 | private ApexChartOptions options;
18 |
19 | protected override void OnInitialized()
20 | {
21 | options = new ApexChartOptions
22 | {
23 | PlotOptions = new PlotOptions
24 | {
25 | Bar = new PlotOptionsBar
26 | {
27 | Horizontal = true
28 | }
29 | }
30 | };
31 | }
32 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/RangeBarCharts/RangeBarCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/rangebar-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | @* This is not working due to a bug in Apexcharts
37 |
38 |
39 |
40 |
41 | *@
42 |
43 |
44 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
20 |
21 |
22 |
23 | @code {
24 | private List orders { get; set; } = SampleData.GetOrders();
25 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/PointColor.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
13 |
14 |
15 |
16 |
17 |
18 | @code {
19 | private List orders { get; set; } = SampleData.GetOrders();
20 |
21 |
22 | private string GetColor(Order order)
23 | {
24 | if (order.GrossValue > 50000)
25 | {
26 | return "#3633FF";
27 | }
28 |
29 | return "#E51C15";
30 |
31 |
32 | }
33 |
34 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/ScatterCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/scatter-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/ScatterCharts/ScatterTimeSeries.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
12 |
13 |
14 |
15 | @code {
16 | private List timeSeries = new TimeSeriesGenerator(20).TimeSeries
17 | .Concat(new TimeSeriesGenerator(20).TimeSeries)
18 | .OrderBy(e => e.Date)
19 | .ToList();
20 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/SlopeCharts/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
13 |
14 |
21 |
22 |
23 |
24 | @code {
25 | private List Orders { get; set; } = SampleData.GetOrders();
26 | private ApexChartOptions options = new();
27 | protected override void OnInitialized()
28 | {
29 | options.PlotOptions = new PlotOptions
30 | {
31 | Line = new PlotOptionsLine
32 | {
33 | IsSlopeChart = true
34 | }
35 | };
36 | }
37 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/ChartTypes/SlopeCharts/SlopeCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/slope-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/CodeContainer.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 | @Title
4 |
5 | @ChildContent
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/CodeContainer.razor.cs:
--------------------------------------------------------------------------------
1 | using BlazorApexCharts.Docs.Components;
2 | using ColorCode;
3 | using Microsoft.AspNetCore.Components;
4 | using System;
5 |
6 | namespace BlazorApexCharts.Docs.Components
7 | {
8 | public partial class CodeContainer : ICodeSnippet, IDisposable
9 | {
10 | [CascadingParameter] DocExamples DocExamples { get; set; }
11 | [Parameter] public string Title { get; set; }
12 |
13 | [Parameter] public RenderFragment ChildContent { get; set; }
14 |
15 |
16 | public Guid Id { get; set; } = Guid.NewGuid();
17 |
18 | protected override void OnInitialized()
19 | {
20 | DocExamples.AddCodeSnippet(this);
21 |
22 | base.OnInitialized();
23 | }
24 |
25 | public void Dispose()
26 | {
27 | DocExamples.RemoveCodeSnippet(this);
28 | }
29 | }
30 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/CodeFormatter.razor:
--------------------------------------------------------------------------------
1 | @*
2 |
3 |
4 |
5 | @((MarkupString)@html)
6 |
7 |
8 |
9 |
10 | *@
11 |
12 |
13 |
14 | @((MarkupString)@html)
15 |
16 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/CodeFormatter.razor.cs:
--------------------------------------------------------------------------------
1 | using BlazorApexCharts.Docs.Components;
2 | using ColorCode;
3 | using Microsoft.AspNetCore.Components;
4 | using System;
5 |
6 | namespace BlazorApexCharts.Docs.Components
7 | {
8 | public partial class CodeFormatter
9 | {
10 | [Parameter] public string Code { get; set; }
11 |
12 | private string html;
13 |
14 | protected override void OnInitialized()
15 | {
16 | var formatter = new HtmlClassFormatter();
17 | html = formatter.GetHtmlString(Code, Languages.CSharp);
18 | base.OnInitialized();
19 | }
20 |
21 | }
22 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/CodeSnippet.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 | @Title
4 |
5 |
6 |
7 | @Description
8 |
9 |
10 | @Snippet
11 |
12 |
13 |
14 |
15 |
16 |
17 | @((MarkupString)@Code)
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/DemoContainer.razor:
--------------------------------------------------------------------------------
1 |
2 | @ChildContent
3 |
4 |
5 | @code {
6 | [Parameter] public RenderFragment ChildContent { get; set; }
7 | }
8 |
9 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/DocExamples.razor:
--------------------------------------------------------------------------------
1 |
2 |
15 |
16 |
17 |
18 |
19 |
20 |
@Title
21 |
22 | @Description
23 |
24 |
25 | @ChildContent
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/BeforeResetZoom/Basic.razor:
--------------------------------------------------------------------------------
1 |
6 |
7 |
14 |
15 |
16 | @if (IsReset)
17 | {
18 | Zoom Reset
19 |
20 |
21 | Zoom has been reset @ResetCount times
22 |
23 |
24 | }
25 |
26 | @code {
27 | private List timeSeries = new TimeSeriesGenerator(100).TimeSeries;
28 | private int ResetCount;
29 | private bool IsReset;
30 |
31 | private SelectionXAxis BeforeResetZoom(object zoomedData)
32 | {
33 | ResetCount++;
34 | IsReset = true;
35 | StateHasChanged();
36 |
37 | return new SelectionXAxis()
38 | {
39 | Max = timeSeries.Max(e => e.Date).AddDays(7).ToUnixTimeMilliseconds(),
40 | Min = timeSeries.Min(e => e.Date).AddDays(-7).ToUnixTimeMilliseconds()
41 | };
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/BeforeResetZoom/BeforeResetZoom.razor:
--------------------------------------------------------------------------------
1 | @page "/events/before-reset-zoom"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
Only supported in Blazor WebAssembly!
14 |
Event 'OnBeforeResetZoom' is only supported in web assembly
15 |
16 |
17 |
18 |
19 | Click the home icon on the chart to reset the zoom
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/BeforeZoom/BeforeZoom.razor:
--------------------------------------------------------------------------------
1 | @page "/events/before-zoom"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
Only supported in Blazor WebAssembly!
13 |
Event 'OnBeforeZoom' is only supported in web assembly
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/BrushedScrolled/BrushScrolled.razor:
--------------------------------------------------------------------------------
1 | @page "/events/brush-scrolled"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/ChartSetup/ChartSetup.razor:
--------------------------------------------------------------------------------
1 | @page "/events/chart-setup"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/Click/Click.razor:
--------------------------------------------------------------------------------
1 | @page "/events/click"
2 |
3 |
4 |
5 |
6 | Click on the chart to trigger an event
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/Click/PieChart.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
14 | @if (selectedData != null && selectedData.DataPoint != null)
15 | {
16 |
17 | You clicked @selectedData.DataPoint.X @selectedData.DataPoint.Items.Sum(e => e.NetValue) (@selectedData.DataPoint.Items.Sum(e => e.GrossValue))
18 |
19 | }
20 | else if (selectedData != null)
21 | {
22 |
23 | You clicked the chart but not a data point
24 |
25 | }
26 |
27 |
28 |
29 | @code {
30 | private List Orders { get; set; } = SampleData.GetOrders();
31 | private SelectedData selectedData;
32 | private void PointSelected(SelectedData data)
33 | {
34 | selectedData = data;
35 | }
36 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/DataPointHover/DataPointHover.razor:
--------------------------------------------------------------------------------
1 | @page "/events/data-point-hover"
2 |
3 |
4 |
5 |
6 | Move the mouse over an datapoint to trigger an event
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/DataPointSelection/DataPointSelection.razor:
--------------------------------------------------------------------------------
1 | @page "/events/data-point-selection"
2 |
3 |
4 |
5 |
6 | Click on a datapoint to trigger the event
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/DataPointSelection/PieChart.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
13 |
14 |
15 |
16 | @code {
17 | private List Orders { get; set; } = SampleData.GetOrders();
18 |
19 | private void PointSelected(SelectedData selectedData)
20 | {
21 |
22 | var tt = selectedData;
23 |
24 | }
25 |
26 |
27 |
28 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/LegendClick/LegendClick.razor:
--------------------------------------------------------------------------------
1 | @page "/events/legend-click"
2 |
3 |
4 |
5 |
6 | Click on Legend to trigger a event
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/LegendClick/NoAxisChart.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
13 |
14 |
15 | @if(currentLegend != null)
16 | {
17 |
18 | You clicked @currentLegend.DataPoint.X
19 |
20 |
21 | }
22 |
23 |
24 |
25 | @code {
26 | private List Orders { get; set; } = SampleData.GetOrders();
27 |
28 |
29 | private LegendClicked currentLegend = null;
30 | protected override void OnInitialized()
31 | {
32 |
33 | }
34 |
35 | private void LegendClicked(LegendClicked data)
36 | {
37 | currentLegend = data;
38 | }
39 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/MarkerClick/MarkerClick.razor:
--------------------------------------------------------------------------------
1 | @page "/events/marker-click"
2 |
3 |
4 |
5 |
6 | Click on a marker to trigger an event
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/MouseHover/MouseHover.razor:
--------------------------------------------------------------------------------
1 | @page "/events/mouse-hover"
2 |
3 |
4 |
5 |
6 | Move the mouse over the chart to trigger an event
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/Scrolled/Scrolled.razor:
--------------------------------------------------------------------------------
1 | @page "/events/scrolled"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/Selection/Selection.razor:
--------------------------------------------------------------------------------
1 | @page "/events/selection"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/XAxisLabelClick/XAxisLabelClickDocs.razor:
--------------------------------------------------------------------------------
1 | @page "/events/xaxis-label-click"
2 |
3 |
4 |
5 |
6 | Click on a XAxis label to trigger an event
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Events/Zoomed/Zoomed.razor:
--------------------------------------------------------------------------------
1 | @page "/events/zoomed"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Annotations/AnnotationsSamples.razor:
--------------------------------------------------------------------------------
1 | @page "/features/annotations"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Axis/AxisSamples.razor:
--------------------------------------------------------------------------------
1 | @page "/features/axis"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Axis/RotateLabels.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
14 |
15 |
22 |
23 |
24 |
25 | @code {
26 | private List Orders { get; set; } = SampleData.GetOrders();
27 | private ApexChartOptions options { get; set; } = new();
28 |
29 |
30 | protected override void OnInitialized()
31 | {
32 | options.Xaxis = new XAxis { Labels = new XAxisLabels { Rotate = -45, RotateAlways = true } };
33 | options.Yaxis = new List { new YAxis { Labels = new YAxisLabels { Rotate = 45 } } };
34 | }
35 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/BlazorOptions/BlazorOptions.razor:
--------------------------------------------------------------------------------
1 | @page "/features/blazor-options"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 | Alternative File path to the Blazor javascript file, blazor-apexcharts.js
12 |
13 |
14 | This must be the full path including filename and the file apexcharts.esm.js must be in the same folder
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/BlazorOptions/JavascriptPath.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
14 |
15 |
16 |
17 | @code {
18 | private List orders { get; set; } = SampleData.GetOrders();
19 | private ApexChartOptions options { get; set; } = new();
20 |
21 | protected override void OnInitialized()
22 | {
23 | options.Blazor = new ApexChartsBlazorOptions { JavascriptPath = "https://apexcharts.github.io/Blazor-ApexCharts/_content/Blazor-ApexCharts/js/blazor-apexcharts.js" };
24 | }
25 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/ChartSize/ChartSize.razor:
--------------------------------------------------------------------------------
1 | @page "/features/chart-size"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/ChartSize/Percentage.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
15 |
16 |
17 |
18 | @code {
19 | private List Orders { get; set; } = SampleData.GetOrders();
20 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Data/ChartData.razor:
--------------------------------------------------------------------------------
1 | @page "/features/chart-data"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/DynamicSeries/DynamicSeries.razor:
--------------------------------------------------------------------------------
1 | @page "/features/dynamic-series"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Export/Export.razor:
--------------------------------------------------------------------------------
1 | @page "/features/export"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Export/Options.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
12 |
13 |
14 |
15 |
16 |
17 | @code {
18 | private List Orders { get; set; } = SampleData.GetOrders();
19 | private ApexChartOptions options { get; set; } = new();
20 |
21 | protected override void OnInitialized()
22 | {
23 | var fileName = "Country Gross Value";
24 | options.Chart = new Chart();
25 |
26 | options.Chart.Toolbar = new Toolbar
27 | {
28 | Export = new ExportOptions
29 | {
30 | Csv = new ExportCSV
31 | {
32 | Filename = fileName,
33 | HeaderCategory = "Country",
34 | },
35 | Png = new ExportPng { Filename = fileName},
36 | Svg = new ExportSvg { Filename = fileName}
37 | }
38 | };
39 |
40 | }
41 |
42 | }
43 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Formatters/UseDotnet.razor:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
13 |
14 |
21 |
22 |
23 |
24 | @code {
25 | private List Orders { get; set; } = SampleData.GetOrders();
26 |
27 | private string GetYAxisLabel(decimal value)
28 | {
29 | return "$" + value.ToString("N0");
30 | }
31 |
32 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/GroupPoints/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
14 |
15 |
16 |
17 | @code {
18 | private List Orders { get; set; } = SampleData.GetOrdersForGroup();
19 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/GroupPoints/Group.razor:
--------------------------------------------------------------------------------
1 | @page "/features/group-points"
2 |
3 |
4 |
5 |
6 | Exprimental
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | Click on the bars to get details. The grouped bar contain the grouped points.
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Legend/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
14 |
15 |
16 |
17 | @code {
18 | private List orders { get; set; } = SampleData.GetOrders();
19 | private ApexChartOptions options { get; set; } = new();
20 |
21 | protected override void OnInitialized()
22 | {
23 | options.Legend = new Legend { Position = LegendPosition.Top, FontSize = "20px", HorizontalAlign = ApexCharts.Align.Center };
24 | }
25 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Legend/LegendCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/features/legend"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Legend/LegendFormatter.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
14 |
15 |
16 |
17 | @code {
18 | private List orders { get; set; } = SampleData.GetOrders();
19 | private ApexChartOptions options { get; set; } = new();
20 |
21 | protected override void OnInitialized()
22 | {
23 | options.Legend = new Legend
24 | {
25 |
26 | Formatter = @"function(seriesName, opts) { return [seriesName, ' - ', opts.w.globals.series[opts.seriesIndex]] }"
27 |
28 | };
29 | }
30 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Localization/LocalizationCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/features/localization"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Performance/PreformanceCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/features/performance"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Responsive/ResponsiveSamples.razor:
--------------------------------------------------------------------------------
1 | @page "/features/responsive"
2 |
3 |
4 |
5 |
6 |
7 | Resize the page less then 700px to activate the breakpoint
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/States/StateCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/features/state"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Syncronized/SyncronizedCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/features/syncronized"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Toolbar/HideIcons.razor:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
14 |
15 | @code {
16 | private List Orders { get; set; } = SampleData.GetOrders();
17 | private ApexChartOptions options { get; set; } = new();
18 |
19 | protected override void OnInitialized()
20 | {
21 | options.Chart = new Chart
22 | {
23 | Toolbar = new ApexCharts.Toolbar
24 | {
25 | Tools = new Tools { Zoomin = false, Zoomout = false }
26 | }
27 | };
28 | }
29 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/Toolbar/Toolbar.razor:
--------------------------------------------------------------------------------
1 | @page "/features/toolbar"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/TooltipsDotNet/TooltipsDotNet.razor:
--------------------------------------------------------------------------------
1 | @page "/features/tooltip-dotnet"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Features/TooltipsJavascript/Tooltips.razor:
--------------------------------------------------------------------------------
1 | @page "/features/tooltip-javascript"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Issues/ClickIssue.razor:
--------------------------------------------------------------------------------
1 | @page "/issues/click"
2 |
4 |
5 |
11 |
12 |
18 |
19 |
20 | @code {
21 | private List Data { get; set; } = new();
22 | protected override void OnInitialized()
23 | {
24 | Data.Add(new MyData { Category = "Jan", NetProfit = 12, Revenue = 33 });
25 | Data.Add(new MyData { Category = "Feb", NetProfit = 43, Revenue = 42 });
26 | Data.Add(new MyData { Category = "Mar", NetProfit = 112, Revenue = 23 });
27 | }
28 |
29 | public class MyData
30 | {
31 | public string Category { get; set; }
32 | public int NetProfit { get; set; }
33 | public int Revenue { get; set; }
34 | }
35 |
36 | private void Click(SelectedData obj)
37 | {
38 | Console.WriteLine(obj.DataPointIndex);
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Issues/DynamicOptions.razor:
--------------------------------------------------------------------------------
1 | @page "/issues/dynamic-options"
2 |
3 |
4 |
5 | Click me
6 |
7 |
8 |
10 |
11 |
18 |
19 |
26 |
27 |
28 |
29 | @code {
30 | private List Orders { get; set; } = SampleData.GetOrders();
31 |
32 | private ApexChartOptions GetOptions()
33 | {
34 | return new ApexChartOptions { };
35 | }
36 |
37 | private void Test()
38 | {
39 |
40 | }
41 |
42 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Issues/IOSChrome1.razor:
--------------------------------------------------------------------------------
1 | @page "/issues/chrome1"
2 |
3 | IOSChrome
4 |
5 |
6 | Click me 1
7 |
8 |
9 |
10 | @message
11 |
12 |
13 |
14 | Click me 2
15 |
16 |
17 | @code {
18 | private string message = "";
19 |
20 |
21 | private void Click1()
22 | {
23 | message = "Clicked 1 " + DateTime.Now.ToString("G");
24 | }
25 |
26 | private void Click2()
27 | {
28 | message = "Clicked 2 " + DateTime.Now.ToString("G");
29 | }
30 |
31 | }
32 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/Annotations/Annotations.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/annotations"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/AppendData/AppendData.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/append-data"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/AppendData/NoAxis.razor:
--------------------------------------------------------------------------------
1 | Append Data
2 |
3 |
5 |
6 |
13 |
14 |
15 |
16 | @code {
17 | private List Orders { get; set; } = SampleData.GetOrders();
18 | private ApexChart chart;
19 |
20 | private async Task AppendData()
21 | {
22 | var newOrders = SampleData.GetRandomOrders();
23 | Orders.AddRange(newOrders);
24 | await chart.AppendDataAsync(newOrders);
25 | }
26 |
27 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/DataUri/DataUriSamples.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/data-uri"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/GetSvgString/GetSvgStringSamples.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/get-svg-string"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
Only supported in Blazor WebAssembly!
12 |
Method 'GetSvgStringAsync' is only supported in web assembly
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/HighlightSeries/HighlightSeries.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/highlight-series"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/MultiCharts/MultiCharts.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/multi-charts"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/Render/ChartRender.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/render"
2 |
3 |
4 |
5 | Chart.Render() will completely re-render the chart. The javascript chart object will be removed and re-created
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/ShowHideSeries/InitiallyHidden.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
16 |
17 |
24 |
25 |
26 |
27 |
28 |
29 | @code {
30 | private List orders = SampleData.GetOrders();
31 |
32 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/ShowHideSeries/ShowHideSeries.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/show-hide-series"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/ToggleDataPoint/Basic.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 | Toggle Data Point
4 |
5 |
6 |
9 |
10 |
17 |
18 |
19 |
20 |
21 | @code {
22 | private List orders { get; set; } = SampleData.GetOrders();
23 | private ApexChart chart;
24 |
25 | private async Task ToggleDataPoint()
26 | {
27 |
28 | await chart.ToggleDataPointSelectionAsync(0, null);
29 | }
30 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/ToggleDataPoint/ToggleDataPoint.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/toggle-data-point"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/UpdateOptions/UpdateOptions.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/update-options"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/UpdateSeries/UpdateSeries.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/update-series"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | Please note that UpdateSeries method is only updating the vales in the series. For a no axis chart this is limited to the actually values, other settings such as labels, colors are not send.
15 | If it's a requirement to send a complete set of data, the UpdateOptionsAsync method is a better choice.
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Components/Methods/ZoomX/ZoomX.razor:
--------------------------------------------------------------------------------
1 | @page "/methods/zoomx"
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Data/Activity.cs:
--------------------------------------------------------------------------------
1 | using System;
2 |
3 | namespace BlazorApexCharts.Docs
4 | {
5 | public class Activity
6 | {
7 | public string Name { get; set; }
8 | public DateTimeOffset ActivityDate { get; set; }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Data/BoxPlotSample.cs:
--------------------------------------------------------------------------------
1 | using System;
2 |
3 | namespace BlazorApexCharts.Docs
4 | {
5 | public class BoxPlotSample
6 | {
7 | public string Name { get; set; }
8 | public DateTimeOffset EventDate { get; set; }
9 |
10 | public decimal Min { get; set; }
11 | public decimal Q1 { get; set; }
12 | public decimal Median { get; set; }
13 | public decimal Q3 { get; set; }
14 | public decimal Max { get; set; }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Data/MeteoSample.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Text;
5 | using System.Threading.Tasks;
6 |
7 | namespace BlazorApexCharts.Docs.Data
8 | {
9 | public class MeteoSample
10 | {
11 | public string Month { get; set; }
12 | public decimal CurrentTemperature { get; set; }
13 | public decimal LowestTemperature { get; set; }
14 | public decimal HighestTemperature { get; set; }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Data/Order.cs:
--------------------------------------------------------------------------------
1 | using System;
2 |
3 | namespace BlazorApexCharts.Docs
4 | {
5 | public class Order
6 | {
7 | public Guid OrderId { get; set; } = Guid.NewGuid();
8 | public string CustomerName { get; set; }
9 | public string Country { get; set; }
10 | public DateTimeOffset OrderDate { get; set; }
11 | public OrderType OrderType { get; set; }
12 | public decimal GrossValue { get; set; }
13 | public decimal NetValue { get => GrossValue * (1 - (DiscountPercentage / 100)) ; }
14 | public decimal DiscountPercentage { get; set; }
15 | }
16 |
17 | public enum OrderType
18 | {
19 | Web, Contract, Mail, Phone
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Data/Project.cs:
--------------------------------------------------------------------------------
1 | using System;
2 |
3 | namespace BlazorApexCharts.Docs
4 | {
5 | public class Project
6 | {
7 | public string Name { get; set; }
8 | public DateTime StartDate { get; set; }
9 | public DateTime EndDate { get; set; }
10 | public int Score { get; set; }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Data/SimpleValue.cs:
--------------------------------------------------------------------------------
1 | namespace BlazorApexCharts.Docs
2 | {
3 | public class SimpleValue
4 | {
5 | public string Name { get; set; }
6 | public decimal? Value { get; set; }
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Data/StockPrice.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Text;
5 | using System.Threading.Tasks;
6 |
7 | namespace BlazorApexCharts.Docs
8 | {
9 | public class StockPrice
10 | {
11 | public string Company { get; set; }
12 | public DateTimeOffset Date { get; set; }
13 | public decimal Open { get; set; }
14 | public decimal High { get; set; }
15 | public decimal Low { get; set; }
16 | public decimal Close { get; set; }
17 |
18 |
19 | public int Volume { get; set; }
20 | }
21 |
22 |
23 |
24 | }
25 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Data/SupportIncident.cs:
--------------------------------------------------------------------------------
1 | namespace BlazorApexCharts.Docs
2 | {
3 | public class SupportIncident
4 | {
5 | public string WeekName => $"W{WeekNumber}";
6 | public int WeekNumber { get; set; }
7 | public int LeadTime { get; set; }
8 | public int Severity { get; set; }
9 | public IncidentSource Source { get; set; }
10 | public string PointColor { get; set; }
11 |
12 | }
13 | public enum IncidentSource
14 | {
15 | Internal,
16 | Customer,
17 | ThirdParty,
18 | Integration
19 | }
20 |
21 | }
22 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Data/WeatherForecast.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Text;
5 | using System.Threading.Tasks;
6 |
7 | namespace BlazorApexCharts.Docs
8 | {
9 | public class WeatherForecast
10 | {
11 | public DateTime Date { get; set; }
12 |
13 | public int TemperatureC { get; set; }
14 |
15 | public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
16 |
17 | public string Summary { get; set; }
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/DocsExtensions.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.Extensions.DependencyInjection;
2 | using TabBlazor;
3 |
4 | namespace BlazorApexCharts.Docs
5 | {
6 | public static class DocsExtensions
7 | {
8 | public static IServiceCollection AddDocs(this IServiceCollection services)
9 | {
10 | return services
11 | .AddTabler();
12 | }
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Pages/Index.razor:
--------------------------------------------------------------------------------
1 | @page "/"
2 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Shared/GlobalOptions.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 | This is an example of using the ApexchartService to set global chart options
4 |
5 |
6 |
7 |
9 |
10 |
11 |
13 |
14 |
15 |
16 |
17 | @context.Language
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Shared/GlobalOptions.razor.cs:
--------------------------------------------------------------------------------
1 | using ApexCharts;
2 | using BlazorApexCharts.Docs.Components.ChartService;
3 | using Microsoft.AspNetCore.Components;
4 | using Microsoft.VisualBasic;
5 | using System.Linq;
6 | using System.Threading.Tasks;
7 |
8 | namespace BlazorApexCharts.Docs.Shared;
9 |
10 | public partial class GlobalOptions
11 | {
12 | [Inject] public IApexChartService ChartService { get; set; }
13 |
14 | private IApexChartBaseOptions globalOptions;
15 | private LocaleResource selectedLocale;
16 |
17 | protected override void OnInitialized()
18 | {
19 | globalOptions = ChartService.GlobalOptions;
20 | globalOptions.Theme ??= new Theme { Mode = Mode.Light };
21 |
22 | selectedLocale = ChartService.LocaleResources.FirstOrDefault(e => e.Name == globalOptions.Chart?.DefaultLocale);
23 | }
24 |
25 | private async Task SetLocaleAsync()
26 | {
27 | await ChartService.SetLocaleAsync(selectedLocale, true);
28 | }
29 |
30 | private async Task SetDebugAsync(bool debug)
31 | {
32 | globalOptions.Debug = debug;
33 | await UpdateOptionsAsync();
34 | }
35 |
36 | private async Task UpdateOptionsAsync()
37 | {
38 | await ChartService.SetGlobalOptionsAsync(true);
39 | }
40 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Shared/MainLayout.razor:
--------------------------------------------------------------------------------
1 | @inherits LayoutComponentBase
2 |
3 |
4 |
5 |
6 |
13 |
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/Shared/MainNavigation.razor.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Components;
2 | using System.Threading.Tasks;
3 | using TabBlazor;
4 |
5 | namespace BlazorApexCharts.Docs.Shared
6 | {
7 | public partial class MainNavigation
8 | {
9 | [Inject] public IOffcanvasService offCanvas { get; set; }
10 |
11 | public async Task ShowGlobalOptions()
12 | {
13 |
14 | var component = new RenderComponent();
15 | await offCanvas.ShowAsync("Global Options", component, new OffcanvasOptions { Position = OffcanvasPosition.End, Backdrop = false, CloseOnClickOutside = true, CloseOnEsc = true} );
16 |
17 |
18 | }
19 |
20 | }
21 | }
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/_Imports.razor:
--------------------------------------------------------------------------------
1 | @using Microsoft.AspNetCore.Components.Web
2 |
3 | @using TabBlazor
4 | @using ApexCharts
--------------------------------------------------------------------------------
/docs/BlazorApexCharts.Docs/wwwroot/css/docs.css:
--------------------------------------------------------------------------------
1 |
2 | svg {
3 | height: inherit!important
4 | }
5 |
6 | pre.highlight,
7 | .highlight pre {
8 | max-height: 30rem;
9 | overflow: auto;
10 | background: #354052;
11 | color: #ffffff;
12 | }
13 |
14 | .highlight .htmlAttributeName, .highlight .razor {
15 | color: #ffe484;
16 | }
17 |
18 | .highlight .htmlTagDelimiter, .highlight .htmlElementName {
19 | color: #ff8383;
20 | }
21 |
22 | .highlight .htmlAttributeValue, .highlight .string {
23 | color: #b5f4a5;
24 | }
25 |
26 | .highlight .keyword {
27 | color: #93ddfd;
28 | }
29 |
30 |
31 |
32 | #blazor-error-ui {
33 | background: lightyellow;
34 | bottom: 0;
35 | box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
36 | display: none;
37 | left: 0;
38 | padding: 0.6rem 1.25rem 0.7rem 1.25rem;
39 | position: fixed;
40 | width: 100%;
41 | z-index: 1100;
42 | }
43 |
44 | #blazor-error-ui .dismiss {
45 | cursor: pointer;
46 | position: absolute;
47 | right: 0.75rem;
48 | top: 0.5rem;
49 | }
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts-MAUI/Extensions/ApexChartsMauiExtensions.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts;
2 |
3 | ///
4 | /// DI extensions
5 | ///
6 | public static class ApexChartsMauiExtensions
7 | {
8 | ///
9 | /// Add Apexcharts service to the DI container for use in .NET MAUI
10 | ///
11 | ///
12 | ///
13 | public static IServiceCollection AddApexChartsMaui(this IServiceCollection services, Action? serviceOptions = null)
14 | {
15 | serviceOptions ??= _ => { };
16 |
17 | var options = new ApexChartsServiceOptions();
18 | serviceOptions(options);
19 | services.AddSingleton(options);
20 | services.AddScoped();
21 | return services;
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/ApexChart.razor:
--------------------------------------------------------------------------------
1 |
2 | @typeparam TItem
3 | @namespace ApexCharts
4 |
5 |
6 |
7 | @ChildContent
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/ApexChartTooltip.razor:
--------------------------------------------------------------------------------
1 | @namespace ApexCharts.Internal
2 | @typeparam TItem
3 |
4 | @if (ApexTooltip != null)
5 | {
6 |
7 |
8 | @if (Data != null)
9 | {
10 | @ApexTooltip(Data)
11 | }
12 |
13 |
14 | }
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/ApexChartTooltip.razor.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Components;
2 | using Microsoft.JSInterop;
3 | using System.Threading.Tasks;
4 |
5 | namespace ApexCharts.Internal
6 | {
7 | ///
8 | /// Component for .Net Tooltip
9 | ///
10 | ///
11 | public partial class ApexChartTooltip where TItem : class
12 | {
13 | ///
14 | [Parameter] public string ChartId { get; set; }
15 |
16 | ///
17 | [Parameter] public RenderFragment> ApexTooltip { get; set; }
18 |
19 | ///
20 | [Parameter] public HoverData Data { get; set; }
21 |
22 | ///
23 | [Parameter] public IJSObjectReference JsApexchart { get; set; }
24 |
25 |
26 | ///
27 | protected override async Task OnAfterRenderAsync(bool firstRender)
28 | {
29 | if (JsApexchart != null)
30 | {
31 | await JsApexchart.InvokeVoidAsync("blazor_apexchart.copyTooltipContent", ChartId);
32 | }
33 | }
34 | }
35 | }
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/ApexGauge.razor:
--------------------------------------------------------------------------------
1 | @namespace ApexCharts
2 |
3 |
4 |
5 |
11 |
12 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/ChartService/LocaleResource.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts;
2 |
3 | ///
4 | /// Locale resources built in Apexcharts
5 | ///
6 | public class LocaleResource
7 | {
8 | ///
9 | /// Name of the resource
10 | ///
11 | public string Name { get; set; }
12 |
13 | ///
14 | /// English Name of the resource
15 | ///
16 | public string Language { get; set; }
17 |
18 | ///
19 | /// The Chart Locale
20 | /// Is Lazy loaded
21 | ///
22 | public ChartLocale Locale { get; set; }
23 |
24 | ///
25 | /// Returns the expected file name for the locale.
26 | ///
27 | public string GetFileName() => $@"locales\{Name}.json";
28 | }
29 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Extensions/ApexChartsExtensions.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.Extensions.DependencyInjection;
2 | using System;
3 | using System.Collections.Generic;
4 | using System.Linq;
5 | using System.Text;
6 | using System.Threading.Tasks;
7 |
8 | namespace ApexCharts;
9 |
10 | ///
11 | /// DI extensions
12 | ///
13 | public static class ApexChartsExtensions
14 | {
15 |
16 | ///
17 | /// Add Apexcharts service to the DI container
18 | ///
19 | ///
20 | ///
21 | ///
22 | public static IServiceCollection AddApexCharts(this IServiceCollection services, Action serviceOptions = null)
23 | {
24 | serviceOptions ??= _ => { };
25 |
26 | var options = new ApexChartsServiceOptions();
27 | serviceOptions(options);
28 | services.AddSingleton(options);
29 | services.AddScoped();
30 | services.AddHttpClient();
31 | return services;
32 | }
33 |
34 | }
35 |
36 | ///
37 | /// Set Options for the ApexChartsService
38 | ///
39 | public class ApexChartsServiceOptions
40 | {
41 |
42 | ///
43 | /// Set the global options
44 | ///
45 | public IApexChartBaseOptions GlobalOptions { get; set; }
46 | }
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Converters/DataPointConverter.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Text.Json;
3 | using System.Text.Json.Serialization;
4 |
5 | namespace ApexCharts.Internal
6 | {
7 | ///
8 | /// Facilitates serialization of
9 | ///
10 | ///
11 | internal class DataPointConverter : JsonConverter>
12 | {
13 | ///
14 | ///
15 | public override IDataPoint Read(ref Utf8JsonReader reader, Type typeToConvert, JsonSerializerOptions options)
16 | {
17 | throw new NotImplementedException();
18 | }
19 |
20 | ///
21 | public override void Write(Utf8JsonWriter writer, IDataPoint value, JsonSerializerOptions options)
22 | {
23 | if (value == null)
24 | {
25 | JsonSerializer.Serialize(writer, (IDataPoint)null, options);
26 | }
27 | else
28 | {
29 | var type = value.GetType();
30 | JsonSerializer.Serialize(writer, value, type, options);
31 | }
32 | }
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Converters/FunctionStringConverter.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Text.Json;
3 | using System.Text.Json.Serialization;
4 |
5 | namespace ApexCharts.Internal;
6 |
7 | ///
8 | /// Ensures that JS functions are serialized with the key '@eval' so they can be appropriately evaluated on the client side
9 | /// Example:
10 | ///
11 | /// myFunction: {
12 | /// "@eval": "function(value) { return value; }"
13 | /// }
14 | ///
15 | ///
16 | internal class FunctionStringConverter : JsonConverter
17 | {
18 | public override bool CanConvert(Type typeToConvert) => true;
19 |
20 | public override string Read(ref Utf8JsonReader reader, Type typeToConvert, JsonSerializerOptions options)
21 | {
22 | throw new NotImplementedException();
23 | }
24 |
25 | public override void Write(Utf8JsonWriter writer, string value, JsonSerializerOptions options)
26 | {
27 | writer.WriteStartObject();
28 | writer.WritePropertyName("@eval");
29 | writer.WriteStringValue(value);
30 | writer.WriteEndObject();
31 | }
32 | }
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Converters/ValueOrListConverter.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Text.Json;
4 | using System.Text.Json.Serialization;
5 |
6 | namespace ApexCharts.Internal
7 | {
8 | ///
9 | /// Facilitates serialization of
10 | ///
11 | ///
12 | internal class ValueOrListConverter : JsonConverter>
13 | {
14 | ///
15 | ///
16 | public override ValueOrList Read(ref Utf8JsonReader reader, Type typeToConvert, JsonSerializerOptions options)
17 | {
18 | throw new NotImplementedException();
19 | }
20 |
21 | ///
22 | public override bool CanConvert(Type typeToConvert) => typeof(ValueOrList).IsAssignableFrom(typeToConvert);
23 |
24 | ///
25 | public override void Write(Utf8JsonWriter writer, ValueOrList value, JsonSerializerOptions options)
26 | {
27 | if (value == null || value.Count == 0)
28 | JsonSerializer.Serialize(writer, null, options);
29 | else if (value.Count == 1)
30 | JsonSerializer.Serialize(writer, value[0], options);
31 | else
32 | JsonSerializer.Serialize>(writer, value, options);
33 | }
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/JSLoader.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.JSInterop;
2 | using System.Threading.Tasks;
3 |
4 | namespace ApexCharts.Internal;
5 |
6 | ///
7 | /// Internal use
8 | ///
9 | public static class JSLoader
10 | {
11 | ///
12 | /// Loads the main JS file to run blazor apexcharts
13 | ///
14 | ///
15 | ///
16 | public static async Task LoadAsync(IJSRuntime jsRuntime, string path = null)
17 | {
18 | var javascriptPath = "./_content/Blazor-ApexCharts/js/blazor-apexcharts.js?ver=6.0.1";
19 | if (!string.IsNullOrWhiteSpace(path)) { javascriptPath = path; }
20 |
21 | // load Module ftom ES6 script
22 | IJSObjectReference module = await jsRuntime.InvokeAsync("import", javascriptPath);
23 | // load the blazor_apexchart parent, currently window! to be compatyble with JS interop calls e.g blazor_apexchart.dataUri
24 | return await module.InvokeAsync("get_apexcharts");
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Models/AppendData.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.Generic;
2 |
3 | namespace ApexCharts.Internal
4 | {
5 | internal class AppendData
6 | {
7 | public IEnumerable> Data { get; set; }
8 | }
9 |
10 | internal class AppendNoAxisData
11 | {
12 | public IEnumerable Data { get; set; }
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Models/JSAnnotationEvent.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts.Internal
2 | {
3 | ///
4 | /// Return data from JavaScript when a annotation event occurs
5 | ///
6 | internal class JSAnnotationEvent
7 | {
8 | public string Id { get; set; }
9 | public string EventType { get; set; }
10 | }
11 |
12 |
13 |
14 | }
15 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Models/JSDataPointSelection.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.Generic;
2 |
3 | namespace ApexCharts.Internal
4 | {
5 | ///
6 | /// Return data from JavaScript when a data point event occurs
7 | ///
8 | internal class JSDataPointSelection
9 | {
10 | ///
11 | /// List of selected DataPoints
12 | ///
13 | public List> SelectedDataPoints { get; set; }
14 |
15 | ///
16 | /// The index of the data point being selected
17 | ///
18 | public int DataPointIndex { get; set; }
19 |
20 | ///
21 | /// The index of the data series being selected
22 | ///
23 | public int SeriesIndex { get; set; }
24 |
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Models/JSEvents.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts.Internal
2 | {
3 | internal record class JSEvents
4 | {
5 | public bool HasAnimationEnd { get; init; }
6 | public bool HasBeforeMount { get; init; }
7 | public bool HasMounted { get; init; }
8 | public bool HasUpdated { get; init; }
9 | public bool HasMouseMove { get; init; }
10 | public bool HasMouseLeave { get; init; }
11 | public bool HasClick { get; init; }
12 | public bool HasDataPointSelection { get; init; }
13 | public bool HasDataPointEnter { get; init; }
14 | public bool HasDataPointLeave { get; init; }
15 | public bool HasLegendClick { get; init; }
16 | public bool HasMarkerClick { get; init; }
17 | public bool HasXAxisLabelClick { get; init; }
18 | public bool HasSelection { get; init; }
19 | public bool HasScrolled { get; init; }
20 | public bool HasBrushScrolled { get; init; }
21 | public bool HasBeforeZoom { get; init; }
22 | public bool HasBeforeResetZoom { get; init; }
23 | public bool HasZoomed { get; init; }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Models/JSLegendClicked.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts.Internal
2 | {
3 | ///
4 | /// Return data from JavaScript when a legend item is clicked
5 | ///
6 | internal class JSLegendClicked
7 | {
8 | ///
9 | /// The index of the data series associated with the legend item that was clicked
10 | ///
11 | public int SeriesIndex { get; set; }
12 |
13 | ///
14 | /// Specifies whether the series associated with the legend item is collapsed
15 | ///
16 | public bool Collapsed { get; set; }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Models/JSSelection.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts.Internal
2 | {
3 | ///
4 | /// Return data from JavaScript when a selection is made
5 | ///
6 | internal class JSSelection
7 | {
8 | ///
9 | public SelectionXAxis XAxis { get; set; }
10 |
11 | ///
12 | public SelectionYAxis YAxis { get; set; }
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Models/JSXAxisLabelClick.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts.Internal
2 | {
3 | ///
4 | /// Return data from JavaScript when an X-axis label is clicked
5 | ///
6 | internal class JSXAxisLabelClick
7 | {
8 | ///
9 | public int LabelIndex { get; set; }
10 |
11 | ///
12 | public string Caption { get; set; }
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Internal/Models/JSZoomed.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.Generic;
2 |
3 | namespace ApexCharts.Internal
4 | {
5 | ///
6 | /// Return data from JavaScript when a zoom action is performed
7 | ///
8 | internal class JSZoomed
9 | {
10 | ///
11 | public SelectionXAxis XAxis { get; set; }
12 |
13 | ///
14 | /// Y axis object
15 | ///
16 | public List YAxis { get; set; }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/BlazorOptions.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Text;
5 | using System.Threading.Tasks;
6 |
7 | namespace ApexCharts
8 | {
9 | ///
10 | /// Options for the blazor component.
11 | ///
12 | public class ApexChartsBlazorOptions
13 | {
14 | ///
15 | /// Alternative File path to the Blazor javascript file, blazor-apexcharts.js
16 | /// This must be the full path including filename and the file apexcharts.esm.js must be in the same folder
17 | /// ///
18 | public string JavascriptPath { get; set; }
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/DataPoints/BubblePoint.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.Generic;
2 | using System.Text.Json.Serialization;
3 |
4 | namespace ApexCharts
5 | {
6 | ///
7 | /// Used to create data points for
8 | ///
9 | /// The data type to be used in the chart to create data points.
10 | public class BubblePoint : IDataPoint
11 | {
12 | ///
13 | public string FillColor { get; set; }
14 |
15 | ///
16 | public object X { get; set; }
17 |
18 | ///
19 | /// The Y-value for the data point to create on the chart
20 | ///
21 | [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
22 | public decimal? Y { get; set; }
23 |
24 | ///
25 | /// The Z-value for the data point to create on the chart
26 | ///
27 | public decimal Z { get; set; }
28 |
29 | ///
30 | public object Extra { get; set; }
31 |
32 | ///
33 | [JsonIgnore]
34 | public IEnumerable Items { get; set; }
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/DataPoints/IDataPoint.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.Generic;
2 |
3 | namespace ApexCharts
4 | {
5 | ///
6 | /// Interface to define shared requirements for all data point types
7 | ///
8 | /// The data type to be used in the chart to create data points.
9 | public interface IDataPoint
10 | {
11 | ///
12 | /// Collection that contains the Y-values to create the data point on the chart
13 | ///
14 | IEnumerable Items { get; set; }
15 |
16 | ///
17 | /// The X-value for the data point to create on the chart
18 | ///
19 | object X { get; set; }
20 |
21 | ///
22 | /// The color to assign to the data point
23 | ///
24 | string FillColor { get; set; }
25 |
26 | ///
27 | /// Additional information to serialize with the data point
28 | ///
29 | object Extra { get; set; }
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/DataPoints/ListPoint.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.Generic;
2 | using System.Text.Json.Serialization;
3 |
4 | namespace ApexCharts
5 | {
6 | ///
7 | /// Used to create data points for chart types with multiple Y-values
8 | ///
9 | /// The data type to be used in the chart to create data points.
10 | public class ListPoint : IDataPoint
11 | {
12 | ///
13 | public string FillColor { get; set; }
14 |
15 | ///
16 | public object X { get; set; }
17 |
18 | ///
19 | /// The Y-values for the data point to create on the chart
20 | ///
21 | [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
22 |
23 | public IEnumerable Y { get; set; }
24 |
25 | ///
26 | public object Extra { get; set; }
27 |
28 | ///
29 | /// A collection of goal markers to display with the data point
30 | ///
31 | public List Goals { get; set; }
32 |
33 | ///
34 | [JsonIgnore]
35 | public IEnumerable Items { get; set; }
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/DataUriOptions.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts
2 | {
3 | ///
4 | /// Class to provide options for
5 | ///
6 | public class DataUriOptions
7 | {
8 | ///
9 | /// The width to assign to the resulting PDF
10 | ///
11 | public double? Width { get; set; }
12 |
13 | ///
14 | /// The amount to scale the resulting PDF
15 | ///
16 | public double? Scale { get; set; }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/DataUriResult.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts
2 | {
3 | ///
4 | /// Class to receive the result from
5 | ///
6 | public class DataUriResult
7 | {
8 | ///
9 | /// The base64 data to generate a PDF with
10 | ///
11 | public string ImgURI { get; set; }
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/GaugeValue.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts
2 | {
3 | ///
4 | /// Class to define properties required for creating a gauge chart
5 | ///
6 | public class GaugeValue
7 | {
8 | ///
9 | /// The text name for the data series in the chart
10 | ///
11 | public string Label { get; set; }
12 |
13 | ///
14 | /// The value to assign to the radial bar chart
15 | ///
16 | public decimal Percentage { get; set; }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/GroupValues.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts
2 | {
3 | ///
4 | /// Class to define properties on how to group data points on a chart
5 | ///
6 | public class GroupPoints
7 | {
8 | ///
9 | /// Indicates the max number of points to show, excluding the grouped values.
10 | ///
11 | public int? MaxCount { get; set; }
12 |
13 | ///
14 | /// Indicates the min number of points to show, excluding the grouped values.
15 | ///
16 | public int? MinCount { get; set; }
17 |
18 | ///
19 | /// The percentage value that indicate if a value should be grouped.
20 | ///
21 | public decimal? PercentageThreshold { get; set; }
22 |
23 | ///
24 | /// The X-axis label to assign to the group
25 | ///
26 | public string Name { get; set; } = "Other";
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/IAnnotation.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Text;
5 | using System.Threading.Tasks;
6 |
7 | namespace ApexCharts
8 | {
9 | ///
10 | /// Interface for annotations
11 | ///
12 | public interface IAnnotation
13 | {
14 | ///
15 | /// Id of the annotation
16 | ///
17 | public string Id { get; set; }
18 |
19 | ///
20 | public Label Label { get; set; }
21 |
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/MultiType/SeriesName.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.Generic;
2 |
3 | namespace ApexCharts
4 | {
5 | ///
6 | /// Accepts either a single value or collection of values.
7 | ///
8 | public class SeriesName : ValueOrList
9 | {
10 | ///
11 | /// Converts a text collection into a list of strings
12 | ///
13 | public static implicit operator List(SeriesName source) => source.values;
14 |
15 | ///
16 | /// Converts a list of strings into a text collection
17 | ///
18 | public static implicit operator SeriesName(List source) => new(source);
19 |
20 | ///
21 | /// Converts a string into a text collection
22 | ///
23 | public static implicit operator SeriesName(string source) => new(source);
24 |
25 | ///
26 | /// Creates a new collection of texts with the provided values
27 | ///
28 | public SeriesName(params string[] values) : base(values) { }
29 |
30 | ///
31 | /// Creates a new collection of texts with the provided values
32 | ///
33 | public SeriesName(IEnumerable values) : base(values) { }
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/PaletteType.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts
2 | {
3 | #pragma warning disable CS1591 // Enum values are self-explanatory
4 | ///
5 | /// A listing of pre-defined color themes to use with charts
6 | ///
7 | ///
8 | /// Links:
9 | ///
10 | /// Blazor Example ,
11 | /// JavaScript Documentation ,
12 | /// JavaScript Reference
13 | ///
14 | public enum PaletteType
15 | {
16 | Palette1,
17 | Palette2,
18 | Palette3,
19 | Palette4,
20 | Palette5,
21 | Palette6,
22 | Palette7,
23 | Palette8,
24 | Palette9,
25 | Palette10
26 | }
27 | #pragma warning restore CS1591
28 | }
29 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/SeriesStroke.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts
2 | {
3 | ///
4 | /// Class to define the values for a single series
5 | ///
6 | public class SeriesStroke
7 | {
8 | ///
9 | /// The color value to add to for the series
10 | ///
11 | public string Color { get; set; }
12 |
13 | ///
14 | /// The dash value to add to for the series
15 | ///
16 | public int DashSpace { get; set; }
17 |
18 | ///
19 | /// The width value to add to for the series
20 | ///
21 | public int Width { get; set; }
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Models/ZoomOptions.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts
2 | {
3 | ///
4 | /// Class to provide options for
5 | ///
6 | public class ZoomOptions
7 | {
8 | ///
9 | /// The starting x-axis value. Accepts timestamp or a number
10 | ///
11 | public decimal Start { get; set; }
12 |
13 | ///
14 | /// The ending x-axis value. Accepts timestamp or a number
15 | ///
16 | public decimal End { get; set; }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Series/LegendClicked.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts
2 | {
3 | ///
4 | /// Return data sent when is invoked
5 | ///
6 | /// The data type of the items to display in the chart
7 | public class LegendClicked where TItem : class
8 | {
9 | ///
10 | /// The data series associated with the legend item that was clicked
11 | ///
12 | public Series Series { get; set; }
13 |
14 | ///
15 | /// Specifies whether the series associated with the legend item is collapsed
16 | ///
17 | public bool Collapsed { get; set; }
18 |
19 | ///
20 | /// The clicked datapoint, Only valid for no axis charts
21 | ///
22 | public IDataPoint DataPoint { get; set; }
23 |
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/Series/SeriesType.cs:
--------------------------------------------------------------------------------
1 | namespace ApexCharts
2 | {
3 | #pragma warning disable CS1591 // Enum values are self-explanatory
4 | ///
5 | /// A listing of chart types available to create
6 | ///
7 | public enum SeriesType
8 | {
9 | Area,
10 | Bar,
11 | Donut,
12 | Heatmap,
13 | Line,
14 | Pie,
15 | PolarArea,
16 | Radar,
17 | RadialBar,
18 | Scatter,
19 | Treemap,
20 | RangeArea,
21 | }
22 | #pragma warning restore CS1591
23 | }
24 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/_Imports.razor:
--------------------------------------------------------------------------------
1 | @using Microsoft.AspNetCore.Components.Web
2 |
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/apexchart_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apexcharts/Blazor-ApexCharts/d7d16dc70c7e55481552b0dab2358fa6a95cf66c/src/Blazor-ApexCharts/apexchart_logo.png
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/js/apexcharts.esm.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apexcharts/Blazor-ApexCharts/d7d16dc70c7e55481552b0dab2358fa6a95cf66c/src/Blazor-ApexCharts/wwwroot/js/apexcharts.esm.js
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/be-latn.json:
--------------------------------------------------------------------------------
1 | {"name":"be-latn","options":{"days":["Niadziela","Paniadzie\u0142ak","A\u016Dtorak","Sierada","\u010Ca\u0107vier","Piatnica","Subota"],"months":["Studzie\u0144","Luty","Sakavik","Krasavik","Travie\u0144","\u010Cervie\u0144","Lipie\u0144","\u017Dnivie\u0144","Vierasie\u0144","Kastry\u010Dnik","Listapad","\u015Anie\u017Ea\u0144"],"shortDays":["Nd","Pn","A\u016D","Sr","\u010C\u0107","Pt","Sb"],"shortMonths":["Stu","Lut","Sak","Kra","Tra","\u010Cer","Lip","\u017Dni","Vie","Kas","Lis","\u015Ani"],"toolbar":{"menu":"Meniu","pan":"Sso\u016Dva\u0144nie","reset":"Skinu\u0107 ma\u0161tabava\u0144nie","selection":"Vy\u0142u\u010De\u0144nie","selectionZoom":"Vy\u0142u\u010De\u0144nie z ma\u0161tabava\u0144niem","zoomIn":"Nablizi\u0107","zoomOut":"Addali\u0107","exportToSVG":"Spampava\u0107 SVG","exportToPNG":"Spampava\u0107 PNG","exportToCSV":"Spampava\u0107 CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/ca.json:
--------------------------------------------------------------------------------
1 | {"name":"ca","options":{"days":["Diumenge","Dilluns","Dimarts","Dimecres","Dijous","Divendres","Dissabte"],"months":["Gener","Febrer","Mar\u00E7","Abril","Maig","Juny","Juliol","Agost","Setembre","Octubre","Novembre","Desembre"],"shortDays":["Dg","Dl","Dt","Dc","Dj","Dv","Ds"],"shortMonths":["Gen.","Febr.","Mar\u00E7","Abr.","Maig","Juny","Jul.","Ag.","Set.","Oct.","Nov.","Des."],"toolbar":{"menu":"Men\u00FA","pan":"Navegaci\u00F3","reset":"Reiniciar Zoom","selection":"Seleccionar","selectionZoom":"Seleccionar Zoom","zoomIn":"Augmentar","zoomOut":"Disminuir","exportToSVG":"Descarregar SVG","exportToPNG":"Descarregar PNG","exportToCSV":"Descarregar CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/cs.json:
--------------------------------------------------------------------------------
1 | {"name":"cs","options":{"days":["Ned\u011Ble","Pond\u011Bl\u00ED","\u00DAter\u00FD","St\u0159eda","\u010Ctvrtek","P\u00E1tek","Sobota"],"months":["Leden","\u00DAnor","B\u0159ezen","Duben","Kv\u011Bten","\u010Cerven","\u010Cervenec","Srpen","Z\u00E1\u0159\u00ED","\u0158\u00EDjen","Listopad","Prosinec"],"shortDays":["Ne","Po","\u00DAt","St","\u010Ct","P\u00E1","So"],"shortMonths":["Led","\u00DAno","B\u0159e","Dub","Kv\u011B","\u010Cvn","\u010Cvc","Srp","Z\u00E1\u0159","\u0158\u00EDj","Lis","Pro"],"toolbar":{"menu":"Menu","pan":"P\u0159esouvat","reset":"Resetovat","selection":"Vybrat","selectionZoom":"Zoom: Vybrat","zoomIn":"Zoom: P\u0159ibl\u00ED\u017Eit","zoomOut":"Zoom: Odd\u00E1lit","exportToSVG":"St\u00E1hnout SVG","exportToPNG":"St\u00E1hnout PNG","exportToCSV":"St\u00E1hnout CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/da.json:
--------------------------------------------------------------------------------
1 | {"name":"da","options":{"days":["S\u00F8ndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","L\u00F8rdag"],"months":["januar","februar","marts","april","maj","juni","juli","august","september","oktober","november","december"],"shortDays":["S\u00F8n","Man","Tir","Ons","Tor","Fre","L\u00F8r"],"shortMonths":["jan","feb","mar","apr","maj","jun","jul","aug","sep","okt","nov","dec"],"toolbar":{"menu":"Menu","pan":"Panor\u00E9r","reset":"Nulstil zoom","selection":"Valg","selectionZoom":"Zoom til valg","zoomIn":"Zoom ind","zoomOut":"Zoom ud","exportToSVG":"Download SVG","exportToPNG":"Download PNG","exportToCSV":"Download CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/de.json:
--------------------------------------------------------------------------------
1 | {"name":"de","options":{"days":["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],"months":["Januar","Februar","M\u00E4rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],"shortDays":["So","Mo","Di","Mi","Do","Fr","Sa"],"shortMonths":["Jan","Feb","M\u00E4r","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],"toolbar":{"menu":"Men\u00FC","pan":"Verschieben","reset":"Zoom zur\u00FCcksetzen","selection":"Auswahl","selectionZoom":"Auswahl vergr\u00F6\u00DFern","zoomIn":"Vergr\u00F6\u00DFern","zoomOut":"Verkleinern","exportToSVG":"SVG speichern","exportToPNG":"PNG speichern","exportToCSV":"CSV speichern"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/en.json:
--------------------------------------------------------------------------------
1 | {"name":"en","options":{"days":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"shortDays":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"shortMonths":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"toolbar":{"menu":"Menu","pan":"Panning","reset":"Reset Zoom","selection":"Selection","selectionZoom":"Selection Zoom","zoomIn":"Zoom In","zoomOut":"Zoom Out","exportToSVG":"Download SVG","exportToPNG":"Download PNG","exportToCSV":"Download CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/es.json:
--------------------------------------------------------------------------------
1 | {"name":"es","options":{"days":["Domingo","Lunes","Martes","Mi\u00E9rcoles","Jueves","Viernes","S\u00E1bado"],"months":["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],"shortDays":["Dom","Lun","Mar","Mie","Jue","Vie","Sab"],"shortMonths":["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],"toolbar":{"menu":"Menu","pan":"Navegaci\u00F3n","reset":"Reiniciar Zoom","selection":"Seleccionar","selectionZoom":"Seleccionar Zoom","zoomIn":"Aumentar","zoomOut":"Disminuir","exportToSVG":"Descargar SVG","exportToPNG":"Descargar PNG","exportToCSV":"Descargar CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/et.json:
--------------------------------------------------------------------------------
1 | {"name":"et","options":{"days":["p\u00FChap\u00E4ev","esmasp\u00E4ev","teisip\u00E4ev","kolmap\u00E4ev","neljap\u00E4ev","reede","laup\u00E4ev"],"months":["jaanuar","veebruar","m\u00E4rts","aprill","mai","juuni","juuli","august","september","oktoober","november","detsember"],"shortDays":["P","E","T","K","N","R","L"],"shortMonths":["jaan","veebr","m\u00E4rts","apr","mai","juuni","juuli","aug","sept","okt","nov","dets"],"toolbar":{"menu":"Men\u00FC\u00FC","pan":"Panoraamimine","reset":"L\u00E4htesta suum","selection":"Valik","selectionZoom":"Valiku suum","zoomIn":"Suurenda","zoomOut":"V\u00E4henda","exportToSVG":"Lae alla SVG","exportToPNG":"Lae alla PNG","exportToCSV":"Lae alla CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/fi.json:
--------------------------------------------------------------------------------
1 | {"name":"fi","options":{"days":["Sunnuntai","Maanantai","Tiistai","Keskiviikko","Torstai","Perjantai","Lauantai"],"months":["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kes\u00E4kuu","Hein\u00E4kuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],"shortDays":["Su","Ma","Ti","Ke","To","Pe","La"],"shortMonths":["Tammi","Helmi","Maalis","Huhti","Touko","Kes\u00E4","Hein\u00E4","Elo","Syys","Loka","Marras","Joulu"],"toolbar":{"menu":"Valikko","pan":"Panoroi","reset":"Nollaa zoomaus","selection":"Valinta","selectionZoom":"Valinnan zoomaus","zoomIn":"L\u00E4henn\u00E4","zoomOut":"Loitonna","exportToSVG":"Lataa SVG","exportToPNG":"Lataa PNG","exportToCSV":"Lataa CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/fr.json:
--------------------------------------------------------------------------------
1 | {"name":"fr","options":{"days":["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],"months":["janvier","f\u00E9vrier","mars","avril","mai","juin","juillet","ao\u00FBt","septembre","octobre","novembre","d\u00E9cembre"],"shortDays":["dim.","lun.","mar.","mer.","jeu.","ven.","sam."],"shortMonths":["janv.","f\u00E9vr.","mars","avr.","mai","juin","juill.","ao\u00FBt","sept.","oct.","nov.","d\u00E9c."],"toolbar":{"menu":"Menu","pan":"Navigation","reset":"R\u00E9initialiser le zoom","selection":"S\u00E9lection","selectionZoom":"S\u00E9lection et zoom","zoomIn":"Zoomer","zoomOut":"D\u00E9zoomer","exportToSVG":"T\u00E9l\u00E9charger au format SVG","exportToPNG":"T\u00E9l\u00E9charger au format PNG","exportToCSV":"T\u00E9l\u00E9charger au format CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/hr.json:
--------------------------------------------------------------------------------
1 | {"name":"hr","options":{"days":["Nedjelja","Ponedjeljak","Utorak","Srijeda","\u010Cetvrtak","Petak","Subota"],"months":["Sije\u010Danj","Velja\u010Da","O\u017Eujak","Travanj","Svibanj","Lipanj","Srpanj","Kolovoz","Rujan","Listopad","Studeni","Prosinac"],"shortDays":["Ned","Pon","Uto","Sri","\u010Cet","Pet","Sub"],"shortMonths":["Sij","Velj","O\u017Eu","Tra","Svi","Lip","Srp","Kol","Ruj","Lis","Stu","Pro"],"toolbar":{"menu":"Izbornik","pan":"Pomicanje","reset":"Povratak na zadani prikaz","selection":"Odabir","selectionZoom":"Odabirno pove\u0107anje","zoomIn":"Uve\u0107ajte prikaz","zoomOut":"Umanjite prikaz","exportToSVG":"Preuzmi SVG","exportToPNG":"Preuzmi PNG","exportToCSV":"Preuzmi CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/hu.json:
--------------------------------------------------------------------------------
1 | {"name":"hu","options":{"days":["h\u00E9tf\u0151","kedd","szerda","cs\u00FCt\u00F6rt\u00F6k","p\u00E9ntek","szombat","vas\u00E1rnap"],"months":["janu\u00E1r","febru\u00E1r","m\u00E1rcius","\u00E1prilis","m\u00E1jus","j\u00FAnius","j\u00FAlius","augusztus","szeptember","okt\u00F3ber","november","december"],"shortDays":["H","K","Sze","Cs","P","Szo","V"],"shortMonths":["jan","feb","mar","\u00E1pr","m\u00E1j","j\u00FAn","j\u00FAl","aug","szept","okt","nov","dec"],"toolbar":{"menu":"F\u0151 aj\u00E1nlat","pan":"K\u00E9pcs\u00FAsztat\u00E1s","reset":"Nagy\u00EDt\u00F3 vissza\u00E1ll\u00EDt\u00E1sa","selection":"Kiv\u00E1laszt\u00E1s","selectionZoom":"Nagy\u00EDt\u00F3 kiv\u00E1laszt\u00E1sa","zoomIn":"Nagy\u00EDt\u00E1s","zoomOut":"Kicsiny\u00EDt\u00E9s","exportToSVG":"Export\u00E1l\u00E1s SVG-be","exportToPNG":"Export\u00E1l\u00E1s PNG-be","exportToCSV":"Export\u00E1l\u00E1s CSV-be"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/id.json:
--------------------------------------------------------------------------------
1 | {"name":"id","options":{"days":["Minggu","Senin","Selasa","Rabu","kamis","Jumat","Sabtu"],"months":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"shortDays":["Min","Sen","Sel","Rab","Kam","Jum","Sab"],"shortMonths":["Jan","Feb","Mar","Apr","Mei","Jun","Jul","Agu","Sep","Okt","Nov","Des"],"toolbar":{"menu":"Menu","pan":"Geser","reset":"Atur Ulang Zoom","selection":"Pilihan","selectionZoom":"Perbesar Pilihan","zoomIn":"Perbesar","zoomOut":"Perkecil","exportToSVG":"Unduh SVG","exportToPNG":"Unduh PNG","exportToCSV":"Unduh CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/it.json:
--------------------------------------------------------------------------------
1 | {"name":"it","options":{"days":["Domenica","Luned\u00EC","Marted\u00EC","Mercoled\u00EC","Gioved\u00EC","Venerd\u00EC","Sabato"],"months":["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"],"shortDays":["Dom","Lun","Mar","Mer","Gio","Ven","Sab"],"shortMonths":["Gen","Feb","Mar","Apr","Mag","Giu","Lug","Ago","Set","Ott","Nov","Dic"],"toolbar":{"menu":"Menu","pan":"Sposta","reset":"Reimposta Zoom","selection":"Selezione","selectionZoom":"Seleziona Zoom","zoomIn":"Zoom In","zoomOut":"Zoom Out","exportToSVG":"Scarica SVG","exportToPNG":"Scarica PNG","exportToCSV":"Scarica CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/ja.json:
--------------------------------------------------------------------------------
1 | {"name":"ja","options":{"days":["\u65E5\u66DC\u65E5","\u6708\u66DC\u65E5","\u706B\u66DC\u65E5","\u6C34\u66DC\u65E5","\u6728\u66DC\u65E5","\u91D1\u66DC\u65E5","\u571F\u66DC\u65E5"],"months":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"shortDays":["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"],"shortMonths":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"toolbar":{"menu":"\u30E1\u30CB\u30E5\u30FC","pan":"\u30D1\u30F3","reset":"\u30BA\u30FC\u30E0\u30EA\u30BB\u30C3\u30C8","selection":"\u9078\u629E","selectionZoom":"\u9078\u629E\u30BA\u30FC\u30E0","zoomIn":"\u62E1\u5927","zoomOut":"\u7E2E\u5C0F","exportToSVG":"SVG\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9","exportToPNG":"PNG\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9","exportToCSV":"CSV\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/ko.json:
--------------------------------------------------------------------------------
1 | {"name":"ko","options":{"days":["\uC77C\uC694\uC77C","\uC6D4\uC694\uC77C","\uD654\uC694\uC77C","\uC218\uC694\uC77C","\uBAA9\uC694\uC77C","\uAE08\uC694\uC77C","\uD1A0\uC694\uC77C"],"months":["1\uC6D4","2\uC6D4","3\uC6D4","4\uC6D4","5\uC6D4","6\uC6D4","7\uC6D4","8\uC6D4","9\uC6D4","10\uC6D4","11\uC6D4","12\uC6D4"],"shortDays":["\uC77C","\uC6D4","\uD654","\uC218","\uBAA9","\uAE08","\uD1A0"],"shortMonths":["1\uC6D4","2\uC6D4","3\uC6D4","4\uC6D4","5\uC6D4","6\uC6D4","7\uC6D4","8\uC6D4","9\uC6D4","10\uC6D4","11\uC6D4","12\uC6D4"],"toolbar":{"menu":"\uBA54\uB274","pan":"\uD328\uB2DD","reset":"\uC6D0\uB798\uB300\uB85C","selection":"\uC120\uD0DD","selectionZoom":"\uC120\uD0DD\uC601\uC5ED \uD655\uB300","zoomIn":"\uD655\uB300","zoomOut":"\uCD95\uC18C","exportToSVG":"SVG \uB2E4\uC6B4\uB85C\uB4DC","exportToPNG":"PNG \uB2E4\uC6B4\uB85C\uB4DC","exportToCSV":"CSV \uB2E4\uC6B4\uB85C\uB4DC"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/lt.json:
--------------------------------------------------------------------------------
1 | {"name":"lt","options":{"days":["Sekmadienis","Pirmadienis","Antradienis","Tre\u010Diadienis","Ketvirtadienis","Penktadienis","\u0160e\u0161tadienis"],"months":["Sausis","Vasaris","Kovas","Balandis","Gegu\u017E\u0117","Bir\u017Eelis","Liepa","Rugpj\u016Btis","Rugs\u0117jis","Spalis","Lapkritis","Gruodis"],"shortDays":["Sk","Per","An","Tr","Kt","Pn","\u0160t"],"shortMonths":["Sau","Vas","Kov","Bal","Geg","Bir","Lie","Rgp","Rgs","Spl","Lap","Grd"],"toolbar":{"menu":"Menu","pan":"Perk\u0117limas","reset":"Atstatyti","selection":"Pasirinkimas","selectionZoom":"Zoom: Pasirinkimas","zoomIn":"Zoom: Priartinti","zoomOut":"Zoom: Atitolinti","exportToSVG":"Atsisi\u0173sti SVG","exportToPNG":"Atsisi\u0173sti PNG","exportToCSV":"Atsisi\u0173sti CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/lv.json:
--------------------------------------------------------------------------------
1 | {"name":"lv","options":{"days":["sv\u0113tdiena","pirmdiena","otrdiena","tre\u0161diena","ceturtdiena","piektdiena","sestdiena"],"months":["janv\u0101ris","febru\u0101ris","marts","apr\u012Blis","maijs","j\u016Bnijs","j\u016Blijs","augusts","septembris","oktobris","novembris","decembris"],"shortDays":["Sv","P","O","T","C","P","S"],"shortMonths":["janv","febr","marts","apr","maijs","j\u016Bn","j\u016Bl","aug","sept","okt","nov","dec"],"toolbar":{"menu":"Izv\u0113lne","pan":"P\u0101rvietoties diagramm\u0101","reset":"Atiestat\u012Bt pietuvin\u0101jumu","selection":"Atlase","selectionZoom":"Pietuvin\u0101t atlasi","zoomIn":"Pietuvin\u0101t","zoomOut":"Att\u0101lin\u0101t","exportToSVG":"Lejupl\u0101d\u0113t SVG","exportToPNG":"Lejupl\u0101d\u0113t PNG","exportToCSV":"Lejupl\u0101d\u0113t CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/ms.json:
--------------------------------------------------------------------------------
1 | {"name":"ms","options":{"days":["Ahad","Isnin","Selasa","Rabu","Khamis","Jumaat","Sabtu"],"months":["Januari","Februari","Mac","April","Mei","Jun","Julai","Ogos","September","Oktober","November","Disember"],"shortDays":["Ahd","Isn","Sel","Rab","Kha","Jum","Sab"],"shortMonths":["Jan","Feb","Mac","Apr","Mei","Jun","Jul","Ogos","Sep","Okt","Nov","Dis"],"toolbar":{"menu":"Menu","pan":"Pemusingan","reset":"Tetapkan Semula Zum","selection":"Pilihan","selectionZoom":"Zum Pilihan","zoomIn":"Zoom Masuk","zoomOut":"Zoom Keluar","exportToSVG":"Muat turun SVG","exportToPNG":"Muat turun PNG","exportToCSV":"Muat turun CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/nb.json:
--------------------------------------------------------------------------------
1 | {"name":"nb","options":{"days":["S\u00F8ndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","L\u00F8rdag"],"months":["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],"shortDays":["S\u00F8","Ma","Ti","On","To","Fr","L\u00F8"],"shortMonths":["Jan","Feb","Mar","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Des"],"toolbar":{"menu":"Menu","pan":"Skyving","reset":"Start p\u00E5 nytt","selection":"Velg","selectionZoom":"Zoom: Velg","zoomIn":"Zoome inn","zoomOut":"Zoome ut","exportToSVG":"Last ned SVG","exportToPNG":"Last ned PNG","exportToCSV":"Last ned CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/nl.json:
--------------------------------------------------------------------------------
1 | {"name":"nl","options":{"days":["Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag"],"months":["Januari","Februari","Maart","April","Mei","Juni","Juli","Augustus","September","Oktober","November","December"],"shortDays":["Zo","Ma","Di","Wo","Do","Vr","Za"],"shortMonths":["Jan","Feb","Mrt","Apr","Mei","Jun","Jul","Aug","Sep","Okt","Nov","Dec"],"toolbar":{"menu":"Menu","pan":"Verplaatsen","reset":"Standaardwaarden","selection":"Selectie","selectionZoom":"Zoom selectie","zoomIn":"Zoom in","zoomOut":"Zoom out","exportToSVG":"Download SVG","exportToPNG":"Download PNG","exportToCSV":"Download CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/pl.json:
--------------------------------------------------------------------------------
1 | {"name":"pl","options":{"days":["Niedziela","Poniedzia\u0142ek","Wtorek","\u015Aroda","Czwartek","Pi\u0105tek","Sobota"],"months":["Stycze\u0144","Luty","Marzec","Kwiecie\u0144","Maj","Czerwiec","Lipiec","Sierpie\u0144","Wrzesie\u0144","Pa\u017Adziernik","Listopad","Grudzie\u0144"],"shortDays":["Nd","Pn","Wt","\u015Ar","Cz","Pt","Sb"],"shortMonths":["Sty","Lut","Mar","Kwi","Maj","Cze","Lip","Sie","Wrz","Pa\u017A","Lis","Gru"],"toolbar":{"menu":"Menu","pan":"Przesuwanie","reset":"Resetuj","selection":"Wybieranie","selectionZoom":"Zoom: Wybieranie","zoomIn":"Zoom: Przybli\u017C","zoomOut":"Zoom: Oddal","exportToSVG":"Pobierz SVG","exportToPNG":"Pobierz PNG","exportToCSV":"Pobierz CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/pt-br.json:
--------------------------------------------------------------------------------
1 | {"name":"pt-br","options":{"days":["Domingo","Segunda","Ter\u00E7a","Quarta","Quinta","Sexta","S\u00E1bado"],"months":["Janeiro","Fevereiro","Mar\u00E7o","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],"shortDays":["Dom","Seg","Ter","Qua","Qui","Sex","Sab"],"shortMonths":["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],"toolbar":{"menu":"Menu","pan":"Navega\u00E7\u00E3o","reset":"Reiniciar Zoom","selection":"Selecionar","selectionZoom":"Selecionar Zoom","zoomIn":"Aumentar","zoomOut":"Diminuir","exportToSVG":"Baixar SVG","exportToPNG":"Baixar PNG","exportToCSV":"Baixar CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/pt.json:
--------------------------------------------------------------------------------
1 | {"name":"pt","options":{"days":["Domingo","Segunda-feira","Ter\u00E7a-feira","Quarta-feira","Quinta-feira","Sexta-feira","S\u00E1bado"],"months":["Janeiro","Fevereiro","Mar\u00E7o","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],"shortDays":["Do","Se","Te","Qa","Qi","Sx","Sa"],"shortMonths":["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ag","Set","Out","Nov","Dez"],"toolbar":{"menu":"Menu","pan":"Deslocamento","reset":"Redefinir","selection":"Selecionar","selectionZoom":"Zoom: Selecionar","zoomIn":"Zoom: Aumentar","zoomOut":"Zoom: Diminuir","exportToSVG":"Transferir SVG","exportToPNG":"Transferir PNG","exportToCSV":"Transferir CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/sk.json:
--------------------------------------------------------------------------------
1 | {"name":"sk","options":{"days":["Nede\u013Ea","Pondelok","Utorok","Streda","\u0160tvrtok","Piatok","Sobota"],"months":["Janu\u00E1r","Febru\u00E1r","Marec","Apr\u00EDl","M\u00E1j","J\u00FAn","J\u00FAl","August","September","Okt\u00F3ber","November","December"],"shortDays":["Ne","Po","Ut","St","\u0160t","Pi","So"],"shortMonths":["Jan","Feb","Mar","Apr","M\u00E1j","J\u00FAn","J\u00FAl","Aug","Sep","Okt","Nov","Dec"],"toolbar":{"menu":"Menu","pan":"Pres\u00FAvanie","reset":"Resetova\u0165","selection":"Vyberanie","selectionZoom":"Zoom: Vyberanie","zoomIn":"Zoom: Pribl\u00ED\u017Ei\u0165","zoomOut":"Zoom: Vzdiali\u0165","exportToSVG":"Stiahnu\u0165 SVG","exportToPNG":"Stiahnu\u0165 PNG","exportToCSV":"Stiahnu\u0165 CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/sl.json:
--------------------------------------------------------------------------------
1 | {"name":"sl","options":{"days":["Nedelja","Ponedeljek","Torek","Sreda","\u010Cetrtek","Petek","Sobota"],"months":["Januar","Februar","Marec","April","Maj","Junij","Julij","Avgust","Septemer","Oktober","November","December"],"shortDays":["Ne","Po","To","Sr","\u010Ce","Pe","So"],"shortMonths":["Jan","Feb","Mar","Apr","Maj","Jun","Jul","Avg","Sep","Okt","Nov","Dec"],"toolbar":{"menu":"Menu","pan":"Pomikanje","reset":"Resetiraj","selection":"Izbiranje","selectionZoom":"Zoom: Izbira","zoomIn":"Zoom: Pribli\u017Eaj","zoomOut":"Zoom: Oddalji","exportToSVG":"Prenesi SVG","exportToPNG":"Prenesi PNG","exportToCSV":"Prenesi CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/sq.json:
--------------------------------------------------------------------------------
1 | {"name":"sq","options":{"days":["e Diel\u00EB","e H\u00EBn\u00EB","e Mart\u00EB","e M\u00EBrkur\u00EB","e Enjte","e Premte","e Shtun\u00EB"],"months":["Janar","Shkurt","Mars","Prill","Maj","Qershor","Korrik","Gusht","Shtator","Tetor","N\u00EBntor","Dhjetor"],"shortDays":["Die","H\u00EBn","Mar","M\u00EBr","Enj","Pre","Sht"],"shortMonths":["Jan","Shk","Mar","Pr","Maj","Qer","Korr","Gush","Sht","Tet","N\u00EBn","Dhj"],"toolbar":{"menu":"Menu","pan":"Spostoje","reset":"Rikthe dimensionin","selection":"Seleksiono","selectionZoom":"Seleksiono Zmadhim","zoomIn":"Zmadho","zoomOut":"Zvog\u00EBlo","exportToSVG":"Shkarko SVG","exportToPNG":"Shkarko PNG","exportToCSV":"Shkarko CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/sr.json:
--------------------------------------------------------------------------------
1 | {"name":"sr","options":{"days":["Nedelja","Ponedeljak","Utorak","Sreda","\u010Cetvrtak","Petak","Subota"],"months":["Januar","Februar","Mart","April","Maj","Jun","Jul","Avgust","Septembar","Oktobar","Novembar","Decembar"],"shortDays":["Ned","Pon","Uto","Sre","\u010Cet","Pet","Sub"],"shortMonths":["Jan","Feb","Mar","Apr","Maj","Jun","Jul","Avg","Sep","Okt","Nov","Dec"],"toolbar":{"menu":"Meni","pan":"Pomeranje","reset":"Resetuj prikaz","selection":"Odabir","selectionZoom":"Odabirno pove\u0107anje","zoomIn":"Uve\u0107ajte prikaz","zoomOut":"Umanjite prikaz","exportToSVG":"Preuzmi SVG","exportToPNG":"Preuzmi PNG","exportToCSV":"Preuzmi CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/sv.json:
--------------------------------------------------------------------------------
1 | {"name":"sv","options":{"days":["S\u00F6ndag","M\u00E5ndag","Tisdag","Onsdag","Torsdag","Fredag","L\u00F6rdag"],"months":["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],"shortDays":["S\u00F6n","M\u00E5n","Tis","Ons","Tor","Fre","L\u00F6r"],"shortMonths":["Jan","Feb","Mar","Apr","Maj","Juni","Juli","Aug","Sep","Okt","Nov","Dec"],"toolbar":{"menu":"Meny","pan":"Panorering","reset":"\u00C5terst\u00E4ll zoomning","selection":"Selektion","selectionZoom":"Val av zoom","zoomIn":"Zooma in","zoomOut":"Zooma ut","exportToSVG":"Ladda SVG","exportToPNG":"Ladda PNG","exportToCSV":"Ladda CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/tr.json:
--------------------------------------------------------------------------------
1 | {"name":"tr","options":{"days":["Pazar","Pazartesi","Sal\u0131","\u00C7ar\u015Famba","Per\u015Fembe","Cuma","Cumartesi"],"months":["Ocak","\u015Eubat","Mart","Nisan","May\u0131s","Haziran","Temmuz","A\u011Fustos","Eyl\u00FCl","Ekim","Kas\u0131m","Aral\u0131k"],"shortDays":["Paz","Pzt","Sal","\u00C7ar","Per","Cum","Cmt"],"shortMonths":["Oca","\u015Eub","Mar","Nis","May","Haz","Tem","A\u011Fu","Eyl","Eki","Kas","Ara"],"toolbar":{"menu":"Men\u00FC","pan":"Kayd\u0131r","reset":"Yak\u0131nla\u015Ft\u0131rmay\u0131 S\u0131f\u0131rla","selection":"Se\u00E7im","selectionZoom":"Se\u00E7im Yak\u0131nla\u015Ft\u0131r","zoomIn":"Yak\u0131nla\u015Ft\u0131r","zoomOut":"Uzakla\u015Ft\u0131r","exportToSVG":"SVG \u0130ndir","exportToPNG":"PNG \u0130ndir","exportToCSV":"CSV \u0130ndir"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/vi.json:
--------------------------------------------------------------------------------
1 | {"name":"vi","options":{"days":["Ch\u1EE7 nh\u1EADt","Th\u1EE9 hai","Th\u1EE9 ba","Th\u1EE9 T\u01B0","Th\u1EE9 n\u0103m","Th\u1EE9 s\u00E1u","Th\u1EE9 b\u1EA3y"],"months":["Th\u00E1ng 01","Th\u00E1ng 02","Th\u00E1ng 03","Th\u00E1ng 04","Th\u00E1ng 05","Th\u00E1ng 06","Th\u00E1ng 07","Th\u00E1ng 08","Th\u00E1ng 09","Th\u00E1ng 10","Th\u00E1ng 11","Th\u00E1ng 12"],"shortDays":["CN","T2","T3","T4","T5","T6","T7"],"shortMonths":["Th01","Th02","Th03","Th04","Th05","Th06","Th07","Th08","Th09","Th10","Th11","Th12"],"toolbar":{"menu":"Tu\u1EF3 ch\u1ECDn","pan":"Di chuy\u1EC3n","reset":"\u0110\u1EB7t l\u1EA1i thu ph\u00F3ng","selection":"V\u00F9ng ch\u1ECDn","selectionZoom":"V\u00F9ng ch\u1ECDn ph\u00F3ng to","zoomIn":"Ph\u00F3ng to","zoomOut":"Thu nh\u1ECF","exportToSVG":"T\u1EA3i xu\u1ED1ng SVG","exportToPNG":"T\u1EA3i xu\u1ED1ng PNG","exportToCSV":"T\u1EA3i xu\u1ED1ng CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/zh-cn.json:
--------------------------------------------------------------------------------
1 | {"name":"zh-cn","options":{"days":["\u661F\u671F\u5929","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],"months":["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],"shortDays":["\u5468\u65E5","\u5468\u4E00","\u5468\u4E8C","\u5468\u4E09","\u5468\u56DB","\u5468\u4E94","\u5468\u516D"],"shortMonths":["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],"toolbar":{"menu":"\u83DC\u5355","pan":"\u5E73\u79FB","reset":"\u91CD\u7F6E\u7F29\u653E","selection":"\u9009\u62E9","selectionZoom":"\u9009\u62E9\u7F29\u653E","zoomIn":"\u653E\u5927","zoomOut":"\u7F29\u5C0F","exportToSVG":"\u4E0B\u8F7D SVG","exportToPNG":"\u4E0B\u8F7D PNG","exportToCSV":"\u4E0B\u8F7D CSV"}}}
--------------------------------------------------------------------------------
/src/Blazor-ApexCharts/wwwroot/locales/zh-tw.json:
--------------------------------------------------------------------------------
1 | {"name":"zh-tw","options":{"days":["\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],"months":["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],"shortDays":["\u9031\u65E5","\u9031\u4E00","\u9031\u4E8C","\u9031\u4E09","\u9031\u56DB","\u9031\u4E94","\u9031\u516D"],"shortMonths":["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],"toolbar":{"menu":"\u9078\u55AE","pan":"\u5E73\u79FB","reset":"\u91CD\u7F6E\u7E2E\u653E","selection":"\u9078\u64C7","selectionZoom":"\u9078\u64C7\u7E2E\u653E","zoomIn":"\u653E\u5927","zoomOut":"\u7E2E\u5C0F","exportToSVG":"\u4E0B\u8F09 SVG","exportToPNG":"\u4E0B\u8F09 PNG","exportToCSV":"\u4E0B\u8F09 CSV"}}}
--------------------------------------------------------------------------------