Jump to content
Software FX Community



Recommended Posts


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:


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


Chart1.Visible = true;


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



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,


Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...