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

[IgMRe]

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

<ApexChart TItem="MyData" Title="Sample Data">

    <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