apexcharts / Blazor-ApexCharts

A blazor wrapper for ApexCharts.js

Home Page:https://apexcharts.github.io/Blazor-ApexCharts

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[BUG] - XAxisLabelClick event does not work for radar charts

hannahihayes opened this issue · comments

Apparently this was an issue with ApexCharts.js:

https://stackoverflow.com/questions/74602803/apexcharts-radar-chart-click-event-on-xaxis-label

I have created a clean .NET 8 Blazor Web App project and am still hitting this issue. The code I'm using:

@if (!isLoading)
{
    <ApexChart TItem="Assessment"
               Title="Assessment Value"
               OnXAxisLabelClick=XAxisLabelClick>

        <ApexPointSeries TItem="Assessment"
                         Items="assessments"
                         Name="Assessment Value"
                         SeriesType="SeriesType.Radar"
                         XValue="@(e => e.AssessmentTheme)"
                         YAggregate="@(e => e.Sum(e => e.AssessmentGrade))"
                         OrderByDescending="e=>e.Y" />
    </ApexChart>
}

@code {
    private ApexChart<Assessment> radarChart;

    private bool isLoading = true;

    private List<Assessment>? assessments;

    protected override void OnInitialized()
    {
        assessments = new List<Assessment>
        {
            new Assessment { AssessmentId = 1, AssessmentTheme = "Running", AssessmentGrade = 1 },
            new Assessment { AssessmentId = 2, AssessmentTheme = "Walking", AssessmentGrade = 2 },
            new Assessment { AssessmentId = 3, AssessmentTheme = "Swimming", AssessmentGrade = 1 },
            new Assessment { AssessmentId = 4, AssessmentTheme = "Flying", AssessmentGrade = 3 },
            new Assessment { AssessmentId = 5, AssessmentTheme = "Talking", AssessmentGrade = 2 },
            new Assessment { AssessmentId = 6, AssessmentTheme = "Falling", AssessmentGrade = 4 },
        };

        isLoading = false;
    }

    public class Assessment
    {
        public int AssessmentId { get; set; }
        public string AssessmentTheme { get; set; }
        public int AssessmentGrade { get; set; }
    }

    private void XAxisLabelClick(XAxisLabelClicked<Assessment> data)
    {


    }
}

When I put a breakpoint on XAxisLabelClick it never gets hit.

fixed in Release v3.4.0