Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
hannahihayes opened this issue Jun 5, 2024 · 0 comments
Open

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

hannahihayes opened this issue Jun 5, 2024 · 0 comments

Comments

@hannahihayes
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant