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