XAxis text cannot be displayed for e.g.: "InvalidFile", "InvalidFileName", "Invalid", "InvalidMessageLength", ...

[IgMRe]

XAxis text cannot be displayed for e.g.: "InvalidFile", "Invalid", ...

    <ApexPointSeries TItem="MyData"
                     Items="Data"
                     Name="Net Profit"
                     SeriesType="SeriesType.Bar"
                     XValue="e => e.Category"
                     YValue="e=> e.NetProfit" />

    <ApexPointSeries TItem="MyData"
                     Items="Data"
                     Name="Revenue"
                     SeriesType="SeriesType.Bar"
                     XValue="e => e.Category"
                     YValue="e=> e.Revenue" />
</ApexChart>

@code {
private List Data { get; set; } = new();
protected override void OnInitialized()
{
Data.Add(new MyData { Category = "TEST", NetProfit = 12, Revenue = 33 });
Data.Add(new MyData { Category = "Invalid", NetProfit = 43, Revenue = 42 }); // Text is not displayed
Data.Add(new MyData { Category = "InvalidFile", NetProfit = 112, Revenue = 23 }); // Text is not displayed
}

public class MyData
{
    public string Category { get; set; }
    public int NetProfit { get; set; }
    public int Revenue { get; set; }
}

}

[joadan]

Hi,
Looks like apexcharts.js strips it off, please check here https://github.com/apexcharts/apexcharts.js/blob/52b6fc4bbc8cdafd81aa17ea4d9e5fe14c4a5a21/src/modules/axes/AxesUtils.js#L100

Please create an issue in the apexcharts.js repo if you want to continue the discussion.
Thank you

Regards Joakim

[joadan]

Fixed in version 3.1