hPanes.Add()
.Size("33%")
.Collapsible(true)
.HtmlAttributes(new { @style = "padding: 3px;" })
.LoadContentFrom("Load_SiteActivity", "Dash");
When I just have one of the 3 pages containing a chart, that chart works fine, but when more than one, the contents of the second pane will be overlayed on top of the chart inside the first pane. Any chart individually will work fine. Below is an example of one of my chart pages:
@model IEnumerable<SalesData>
@(Html.Telerik().Chart(Model)
.Name("barChart1")
.Title("Sample Test Data 1")
.Legend(legend => legend
.Position(ChartLegendPosition.Bottom) )
.Series(series => {
series.Bar(s => s.RepSales).Name("Representative Sales");
series.Bar(s => s.TotalSales).Name("Total Sales");
})
.CategoryAxis(axis => axis
.Categories(s => s.SalesMonth))
.ValueAxis(axis => axis
.Numeric().Labels(labels => labels.Format("{0:##0}")) )
.Tooltip(tooltip => tooltip
.Visible(true)
.Format("${0:#,##0}") )
.HtmlAttributes(new { style = "width: 400px; height: 300px; margin: auto;" } ))
Is there something additional that needs to be done to keep these charts separate ? What would make the data series values (bars) from the middle chart pane appear inside the pie chart of the first pane? I do see the Pie chart being rendered, but it quickly gets overlayed by the bars from the middle chart.
One other thing - I am also getting the following Javascript on my IE browser (not on Firefox):
Message: 'find(...).0' is null or not an object
Line: 129131866
Char: 17
Code: 0<BR>URI: http://localhost:50930/IRM/Dashboard/Dash?LayoutId=243<BR>Thank you in advance for any assistence you can provide.