Charts Don't Render

I'm using the 18.1.0.36-beta release of client side Blazor and nothing I do seems to be able to get a Chart to render. Even using the sample from the documentation returns a blank page. The console at times will log out that "this.getQueryRequest is not a function" and resizing the page will occasionally render a place holder.

Any thoughts to what might be going wrong?





@using Syncfusion.Blazor.Charts

<SfChart>
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"></ChartPrimaryXAxis>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Sales" XName="Month" YName="SalesValue" Type="ChartSeriesType.Column">
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

@code {
    public class SalesInfo
    {
        public string Month;
        public double SalesValue;
    }
    public List<SalesInfo> Sales = new List<SalesInfo>
{
        new SalesInfo { Month = "Jan", SalesValue = 35 },
        new SalesInfo { Month = "Feb", SalesValue = 28 },
        new SalesInfo { Month = "Mar", SalesValue = 34 },
        new SalesInfo { Month = "Apr", SalesValue = 32 },
        new SalesInfo { Month = "May", SalesValue = 40 },
        new SalesInfo { Month = "Jun", SalesValue = 32 },
        new SalesInfo { Month = "Jul", SalesValue = 35 }
    };
}

1 Reply

DG Durga Gopalakrishnan Syncfusion Team April 6, 2020 12:37 PM UTC

Hi Brian, 
  
Greetings from Syncfusion. 
  
We have analysed your query. We have prepared sample with provided code snippet and attached for your reference. We are unable to reproduce the reported issue. Please check with the below sample. 
  
Screenshot 
 
 
Sample 
 
UG Link  
  
Since we are unaware of your exact scenario which the issue is reproduced, so please share the following information which will be more helpful for further analysis and provide you the solution sooner. 
  • Try to reproduce the reported scenario in the above sample.
  • Please share your sample (or) code snippet with full configurations.
  • Share the details if you have done any other customization in your sample.
  • Share your data source file.
  • Share your preview template version.
  
Kindly revert us, if you have any concerns. 
  
Regards, 
Durga G

Loader.
Up arrow icon