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()

                  )

Parents
  • 280
    Offline posted

    Hi,

    Thank you for contacting us!

    I have looked into your case and would like to request some information from you.

    I'll be more than happy to help you with this issue, but first I need you to provide me with  project sample that reproduces the issue.

    Please let me know if you have any further questions.

Reply Children