Single value show problem

Thread is closed for posting
9 posts, 0 answers
  1. SCT
    SCT avatar
    32 posts
    Member since:
    Jun 2012

    Posted 14 Sep 2011 Link to this post

    Dear Telerik Team,

    we have unresolved problem by single value show in the RadChart in according to the next code snippet:

                radChart.ClearSkin();

                radChart.Skin = Skin;

     

                radChart.SeriesOrientation = ((RadChartEntity)Session[radChart.ID]).Orientation;

                radChart.AutoLayout = true;

               

                radChart.PlotArea.Appearance.Dimensions.Width = 500;

     

                radChart.ChartTitle.Appearance.Position.AlignedPosition = AlignedPositions.TopLeft;

                radChart.ChartTitle.Appearance.Position.Auto = false;

     

                radChart.PlotArea.XAxis.Appearance.ValueFormat = Telerik.Charting.Styles.ChartValueFormat.ShortDate;

                radChart.PlotArea.XAxis.Appearance.LabelAppearance.RotationAngle = 45;

                radChart.PlotArea.XAxis.Appearance.LabelAppearance.CompositionType = LabelItemsCompositionTypes.RowImageText;

                radChart.PlotArea.XAxis.Appearance.LabelAppearance.Position.AlignedPosition = AlignedPositions.Top;

     

                radChart.Appearance.FillStyle.FillType = FillType.Solid;

                radChart.Appearance.TextQuality = TextQuality.ClearTypeGridFit;

                radChart.Appearance.Border.Visible = false;

     

                radChart.Legend.Appearance.ItemTextAppearance.MaxLength = 20;

                radChart.Legend.Appearance.Position.AlignedPosition = AlignedPositions.TopRight;

     

                radChart.ChartTitle.TextBlock.Text = "";

     

                RadChart2.PlotArea.XAxis.IsZeroBased = false;

                RadChart2.PlotArea.XAxis.AutoScale = true;

    We need the AutoScale property turn on, because of very large acceptable values scope on the X-Axis. Can you advice us what is required to do in order to show the values correctly (in case of single value), please?
    Let us remark that optimal solution for us appears as centered value which is enclosed by two same time intervals (e.g. one year) , in case of single value.
    In all the other cases, the AutoScale property initialized to true works fine.

    Thank you in advance.

    Kind regards,
    SCT
  2. SCT
    SCT avatar
    32 posts
    Member since:
    Jun 2012

    Posted 14 Sep 2011 Link to this post

    Let us also remark about last two lines of code. Naturally, the identifier "RadChart2" has been mentioned as "radChart". In our code only the identifier "radChart" appears.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 17 Sep 2011 Link to this post

    Hi Sct,

    Could you please be more specific about your frustrations? A sample picture showing what is the scenario that causes inconvenience on your side will be very helpful for us.

    All the best,
    Evgenia
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal
  5. SCT
    SCT avatar
    32 posts
    Member since:
    Jun 2012

    Posted 28 Sep 2011 Link to this post

    Hi Evgenia,

    Mentioned problem about visualization of single value (image #1) we've resolved by turning the autoscale mode to false together with manual boundary setting.

    However, the another problem has been appeared: The X-axis doesn't correspond with real X-axis values (image #2).
    We would be very grateful for any suggestions about such the problem.

    Have a nice day.
    SCT
  6. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 03 Oct 2011 Link to this post

    Hello Sct,

    I should admit that this is very strange behavior of our Tooltips. Could you please send us a sample runnable project where this reproduces so that we will be able to investigate it locally and get back to you with our findings/suggestions?

    Regards,
    Evgenia
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  7. SCT
    SCT avatar
    32 posts
    Member since:
    Jun 2012

    Posted 03 Oct 2011 Link to this post

    Hello Evgenia,

    perhaps we have not clearly described the problem. Our problem occurs by X-axis values visualization, not by the ToolTip visualization. The correct timestamp value is located in the ToolTip (so '14.09.2011 23:50:48' is the correct and desired value).

    Our RadChart is the component of quite huge web application. Thus, the segregation of the RadChart code will probably require a larger time amout for the preparation of separate web-app project. However, in case that mentioned standalone RadChart project is the only way, we'll try to prepare it.

    Kind Regards,
    SCT
  8. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 05 Oct 2011 Link to this post

    Hi Sct,

    After reviewing your pictures more carefully I should say that this is the expected behaviour of the Chart. Since you have set a RotationAngle and the LayoutMode of the YAxis is Between, you get the illusion that the Bubble with its tooltip shown is plotted after 15.9.2011. To prove that the Bubbles are plotted correctly I'm suggesting you to do the following:
    1. Change the LayoutMode property of the XAxis to Inside like this:
    RadChart1.PlotArea.XAxis.LayoutMode = ChartAxisLayoutMode.Inside;

    2. Force the Axis Items Labels to display the date and time, not only the date by using this format:

    RadChart1.PlotArea.XAxis.Appearance.ValueFormat = Telerik.Charting.Styles.ChartValueFormat.ShortDate; 
    RadChart1.PlotArea.XAxis.Appearance.CustomFormat = "MM/dd/yy HH:mm:ss"; 

    Regards,
    Evgenia
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  9. SCT
    SCT avatar
    32 posts
    Member since:
    Jun 2012

    Posted 07 Oct 2011 Link to this post

    Hi Evgenia,

    we've tried your proposal as follows:

                    radChart.ClearSkin();

                    radChart.Skin = Skin;

     

                    radChart.SeriesOrientation = ((RadChartEntity)Session[radChart.ID]).Orientation;

                    radChart.AutoLayout = true;

     

                    radChart.ChartTitle.Appearance.Position.AlignedPosition = AlignedPositions.TopLeft;

                    radChart.ChartTitle.Appearance.Position.Auto = false;

                    radChart.ChartTitle.TextBlock.Text = "Items count: 0";

     

                    radChart.Appearance.FillStyle.FillType = FillType.Solid;

                    radChart.Appearance.TextQuality = TextQuality.ClearTypeGridFit;

                    radChart.Appearance.Border.Visible = false;

     

                    radChart.PlotArea.EmptySeriesMessage.TextBlock.Text = "No data";

     

                    radChart.PlotArea.Appearance.Dimensions.Paddings.Top = 0;

                    radChart.PlotArea.Appearance.Dimensions.Paddings.Bottom = 0;

                    radChart.PlotArea.Appearance.Dimensions.Paddings.Left = 0;

                    radChart.PlotArea.Appearance.Dimensions.Paddings.Right = 0;

     

                    radChart.PlotArea.XAxis.LayoutMode = ChartAxisLayoutMode.Inside;

                    radChart.PlotArea.XAxis.IsZeroBased = false;

     

                    radChart.PlotArea.XAxis.AutoScale = false;

     

                    radChart.PlotArea.XAxis.Appearance.ValueFormat = Telerik.Charting.Styles.ChartValueFormat.ShortDate;

                    radChart.PlotArea.XAxis.Appearance.CustomFormat = "MM/dd/yy HH:mm:ss";

     

                    radChart.PlotArea.XAxis.Appearance.LabelAppearance.RotationAngle = 90;

     

                    radChart.Legend.Appearance.ItemTextAppearance.MaxLength = 20;

     

    Despite such the settings, the X-axis labels were not shown correctly. If we take into account date viewpoint, the visual result is OK. However, the time viewpoint of the visual result is quite perplexing. In case that time were shown as 00:00 it would be considered as acceptable for us.
    Fortunately, the time is irrelevant for us, the date is necessary only. If there is some possibility to show the date only, it will be also acceptable for us.
    At last, we attached the image with the result. We'll be very grateful for any advice about accomplishing the desired result.

    Kind Regards,
    SCT
  10. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 11 Oct 2011 Link to this post

    Hi Sct,

    I'm still surprised that there is such issue with your Tooltips and XAxis Items Labels. Please have in mind that to be able to have the exact Axis Item Label (together with the date and time) your mouse pointer should be on the exact center of the Bubble. Any tiny shift off the Center will cause a change in the Tooltip (in your case - in the Time).
     Also to show the Date only in your XAxis Labels use these code lines:
    radChart.PlotArea.XAxis.Appearance.ValueFormat = Telerik.Charting.Styles.ChartValueFormat.ShortDate;
      
    radChart.PlotArea.XAxis.Appearance.CustomFormat = "MM/dd/yy";

    Regards,
    Evgenia
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017