We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Chart not Displaying when placed on Tab Controller

Thread ID:

Created:

Updated:

Platform:

Replies:

117449 Oct 22,2014 10:42 AM Oct 24,2014 06:03 AM ASP.NET MVC 3
loading
Tags: Chart
Fabio Melendez
Asked On October 22, 2014 10:42 AM

I have the following code

@section ContentSection

{

<div>

@{Html.EJ().Tab("defaultTabs").Items(data =>

{

data.Add().ID("year").Text("Year Sales").ContentTemplate(@<div>

@{Html.EJ().Chart("chartYear")

.PrimaryXAxis(xAxis => xAxis.ValueType(AxisValueType.Category))

.PrimaryYAxis(yAxis => yAxis.ValueType(AxisValueType.Double)

.LabelFormat("$ {value}")

.Range(range => range.Min(0).Max(300).Interval(50)))

.Series(sr =>

{

sr.Name("2014 Sales")

.Type(SeriesType.Column)

.DataSource((System.Collections.IEnumerable)ViewBag.datasourceYear)

.XName("Xmonth")

.YName("Sales")

.YAxisName("Sales").Add();

})

.Render();}

</div>);

data.Add().ID("month").Text("Month Sales").ContentTemplate(@<div>

@{Html.EJ().Chart("chartMonth")

.PrimaryXAxis(xAxis => xAxis.ValueType(AxisValueType.Category))

.PrimaryYAxis(yAxis => yAxis.ValueType(AxisValueType.Double)

.LabelFormat("$ {value}")

.Range(range => range.Min(0).Max(300).Interval(50)))

.Series(sr =>

{

sr.Name("November Sales")

.Type(SeriesType.Column)

.DataSource((System.Collections.IEnumerable)ViewBag.datasourceMonth)

.XName("Xmonth")

.YName("Sales")

.YAxisName("Sales").Add();

})

.Render();}

</div>);

}).Render();}

}


The chart on the first tab displays just fine but when I click to the second tab the chart is not displayed. I verified the chart is working properly by putting both charts on the same page.

What do I need to do in order for the chart on the second tab to display correctly.



Akbar Basha K M [Syncfusion]
Replied On October 23, 2014 08:25 AM

Hi Fabio,

Thanks for using syncfusion product. We have analyzed the reported issue with our sample; we are not able to reproduce the issue. Can you please check with the attached sample.

If still you face the problem, please revert us by modifying the sample based on your application along with replication procedure. This would be helpful for us to serve you.

Please let us know if you have any concern.

Regards,

Akbar Basha KM.


Attachment: ASPMVCWrapper_91bbc64.zip

Fabio Melendez
Replied On October 23, 2014 11:33 AM

Here is a sample project where problem still exists

Attachment: MVCChartTabProblem_3bb374b7.zip

Akbar Basha K M [Syncfusion]
Replied On October 24, 2014 06:03 AM

Hi Fabio,
Thanks for your update. We are able to reproduce the reported issue, “When using tab control the chart width assigned as 0” and this has been included in our upcoming Volume 3 release which is expected to get rolled out in end of October 2014.
Please let us know if you have any concern.
Regards,
Akbar Basha KM.

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;