├── .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 | 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 |
3 |
4 | 5 | 6 |
On this page
7 | 13 |
14 |
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 | 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 | 7 | 8 | 9 | 10 |
@message
11 | 12 |
13 | 14 | 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 |  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 | 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 | 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 |
7 |
8 |
9 | @Body 10 |
11 |
12 |
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"}}} --------------------------------------------------------------------------------