I have created a Blazor Server App and implemented a chart exactly as documented in your sample area:
Pages/_Host.cshtml
<script src="_content/IgniteUI.Blazor/app.bundle.js"></script> <script src="_framework/blazor.server.js"></script>
Startup.cs file:using IgniteUI.Blazor.Controls; // ... public void ConfigureServices(IServiceCollection services) { // ... services.AddScoped(typeof(IIgniteUIBlazor), typeof(IgniteUIBlazor)); }
https://ko.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/column-chart
Everything compiles, I have another page that uses the Grid just fine, yet all that renders for the chart is the following:
I am running VS Professional 2019 version 16.11.8, .Net 5.0 framework, IgniteUI.Blazor 21.2.1
Any pointers greatly appreciated at this point...
Hello Dan,
It appears from your screenshot that the only thing that is showing up is the IgbLegend component and the title <span> element for that legend. The fact that the legend has entries means that the chart is there and it is acknowledging that there are two series in the chart – or at least that there are two that have the legend assigned to it.
I am curious to know if you are currently using a percentage Height / Width for the chart in this case? If you are, then as a test, can you please try giving a pixel Height / Width for the chart (e.g. Height=”500px”) to see if it renders? If it does, this means you are missing some CSS to allow support of the percentage heights/widths of the elements in your application, as the parent elements need to have a size assigned to them in order for percentage Height / Width to work.
Please let me know if you have any other questions or concerns on this matter.