ASP.NET AJAX Problem.

[kmurph92]

Hi,

Thanks in advance to anybody that takes the time to read and/or assist with my issue. I have searched the internet and these forums and could not find any information on this topic. I am fairly new to AJAX in ASP.NET and ChartFX, so forgive me if this is a trivial problem.

I have a web application that reports dynamic data asynchronously. When I initialize and display the chart, it seems to render the chart's right-click menu outside of the chart (on the actual page). I have attached a screenshot of what it looks like. The relevant code is as follows:

Front-end:

Height="320px" RenderFormat=".NET">

Code-behind:

Chart1.Visible = true;

Chart1.Reset();

Chart1.Width = 550;

Chart1.Height = 320;

Chart1.Gallery = Gallery.Lines;

Chart1.Highlight.PointAttributes.MarkerSize = 3;

Chart1.Highlight.PointAttributes.Line.Width = 1;

ImageBorder myBorder = new ImageBorder(ImageBorderType.Embed);

Chart1.BackColor = Color.Beige;

Chart1.Border = myBorder;

Chart1.LegendBox.Dock = DockArea.Bottom;

Chart1.LegendBox.Font = new Font("Arial", 8);

Chart1.LegendBox.Visible = true;

TitleDockable Chart1Title = new TitleDockable();

Chart1Title.Text = "Market: " + PickMarket.Text.Trim() + " Date: ";

Chart1Title.Text += dateTextBox.Text;

Chart1Title.Font = new Font("Times New Roman", 10, FontStyle.Bold);

Chart1Title.Alignment = StringAlignment.Center;

Chart1Title.Dock = DockArea.Top;

Chart1.Titles.Add(Chart1Title);

Chart1.DataSourceSettings.Fields.Add(new FieldMap("Data_Hour", FieldUsage.Label));

Chart1.DataSourceSettings.Fields.Add(new FieldMap("P_Drops", FieldUsage.Value));

Chart1.DataSourceSettings.Fields.Add(new FieldMap("P_IAs", FieldUsage.Value));

Chart1.DataSourceSettings.Fields.Add(new FieldMap("P_Blocks", FieldUsage.Value));

Chart1.DataSourceSettings.Fields.Add(new FieldMap("P_SHO", FieldUsage.Value));

Chart1.DataSourceSettings.Fields[0].DisplayName = "Hour";

Chart1.DataSourceSettings.Fields[1].DisplayName = "Drop%";

Chart1.DataSourceSettings.Fields[2].DisplayName = "IAs%";

Chart1.DataSourceSettings.Fields[3].DisplayName = "Block%";

Chart1.DataSourceSettings.Fields[4].DisplayName = "SHO%";

Chart1.Series[3].AxisY = Chart1.AxisY2;

Chart1.AxisX.Font = new Font("Arial", 7);

Chart1.AxisY.Font = new Font("Arial", 7);

Chart1.AxisY2.Font = new Font("Arial", 7);

Chart1.AxisY.LabelsFormat.Format = AxisFormat.Percentage;

Chart1.AxisY.DataFormat.Format = AxisFormat.Percentage;

Chart1.AxisY.DataFormat.Decimals = 2;

Chart1.AxisY2.LabelsFormat.Format = AxisFormat.Percentage;

Chart1.AxisY2.DataFormat.Format = AxisFormat.Percentage;

Chart1.AxisY2.DataFormat.Decimals = 2;

Chart1.AxisX.LabelsFormat.Format = AxisFormat.Number;

Chart1.AxisX.LabelAngle = 90;

Chart1.DataSourceSettings.DataSource = hourlyReportDataSet.Tables[0];

I believe it is a problem with AJAX because if I comment out a single line of code, the charts render fine:

protected void Page_Load(object sender, EventArgs e)

{

ScriptManager1.RegisterAsyncPostBackControl(radMarketSelection);

The radMarketSelection is a dropdownlist that retrieves the chart data when an option is selected. If you need more code to diagnose a problem, let me know and I will provide.

Thanks Again,

KMurph92

[kmurph92]

I am unsure why the post has removed all line breaks and carriage returns... I thought I was posting in a rich text format... Perhaps I will try again.