Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
30
Infragistics().DataChart do not get rendered in bootstrap tab
posted

Hello,

I am using ignite ui v18.1 (latest version) MVC5 Razor ASP.NET

I have a requirement of implementing  multiple charts inside bootstrap tabs

However chart in first tab which is a active tab get rendered correctly but for other tab which is a non active tab gets the following issue

Uncaught TypeError: c.b is not a function
at Class.be (infragistics.dv.js:222)
at Class.cs (infragistics.dv.js:220)
at Class.cs (infragistics.dv.js:230)
at Class.provideContainer (infragistics.dv.js:220)
at Class._renderChartContainer (infragistics.dv.js:901)
at Class._create (infragistics.dv.js:899)
at $.(:54492/anonymous function).(anonymous function)._create (localhost:54492/.../infragistics.dv.js:1023:7165)
at $.(:54492/anonymous function).(anonymous function)._create (localhost:54492/.../jquery-ui.js:415:25)
at $.(:54492/anonymous function).(anonymous function)._createWidget (localhost:54492/.../jquery-ui.js:585:8)
at $.(:54492/anonymous function).(anonymous function).$.Widget._createWidget (localhost:54492/.../infragistics.core.js:346:19420)

Sample code

@(Html.Infragistics()
                    .DataChart(Model)
                    .ID("chart")
                    .DataSourceUrl(Url.Action("get-chart-data"))
                    .Height("300")
                    .Title("Auctioned MW - UP Direction")
                    .Axes(axes =>
                    {
                        axes.CategoryX("xaxis")
                        .Label(item => item.BlockDataDateTime);

                        axes.NumericY("yAxis");

                    })
                    .Series(series =>
                    {
                        series.Line("mwSeries")
                        .Title("MW Up")
                        .XAxis("xaxis")
                        .YAxis("yAxis")
                        .ValueMemberPath(item => item.AuctionedMwUp)
                        .MarkerType(MarkerType.Circle)
                        .Brush("rgba(255, 0, 0, 1)")
                        .MarkerBrush("rgba(255, 0, 0, 1)")
                        .ShowTooltip(true)
                        .Legend(lenged => lenged.ID("lenged"));
                    })
                    .DataBind()
                    .Render()

                  )