Hide Stoke under chart

6 posts, 0 answers
  1. Watit
    Watit avatar
    37 posts
    Member since:
    Oct 2011

    Posted 29 Nov 2011 Link to this post

    How to hide Stoke Line Under chart?
    Code XAML Here

    <telerik:RadChart Width="242" Height="141" x:Name="QuoteDetailChart"   FlowDirection="LeftToRight" Grid.Row="4"  VerticalAlignment="Stretch"  HorizontalAlignment="Stretch" Background="{x:Null}" BorderThickness="0.2" Margin="10,0,0,20" >
                  
                   <telerikChart:RadChart.DefaultSeriesDefinition  >
                       <!--
                   Hiden for Point
                   ShowItemLabels="False" ShowPointMarks="False"
                   -->
                       <telerikCharting:AreaSeriesDefinition EmptyPointBehavior="Zero" LegendDisplayMode="None" ShowItemLabels="False" ShowPointMarks="False" >
                           <telerikCharting:AreaSeriesDefinition.Appearance >
                               <telerikCharting:SeriesAppearanceSettings Stroke="#6cfdff" >
                                   <!-- Stroke="White" -->
                                   <telerikCharting:SeriesAppearanceSettings.Fill >
                                       <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                           <GradientStop Color="Transparent" Offset="1"/>
                                           <GradientStop Color="#0292c6" />
                                       </LinearGradientBrush>
                                   </telerikCharting:SeriesAppearanceSettings.Fill>
                               </telerikCharting:SeriesAppearanceSettings>
                           </telerikCharting:AreaSeriesDefinition.Appearance>
                       </telerikCharting:AreaSeriesDefinition>
                   </telerikChart:RadChart.DefaultSeriesDefinition>
     
                   <telerik:RadChart.DefaultView>
                       <telerik:ChartDefaultView >
                           <telerikCharting:ChartDefaultView.ChartArea >
                               <telerikCharting:ChartArea   Padding="0,0,0,0"   Height="auto" Foreground="Transparent" EnableAnimations="False" IsNoDataMessageEnabled="False" SmartLabelsEnabled="False"  UseLayoutRounding="False" Background="Transparent" BorderBrush="Transparent" TabNavigation="Cycle" LabelFormatBehavior="None" >
                                   <telerikCharting:ChartArea.AxisY>
                                       <telerikCharting:AxisY MajorTicksVisibility="Collapsed" MinorTicksVisibility="Collapsed" PlotAreaAxisVisibility="Collapsed" Visibility="Collapsed" AxisLabelsVisibility="Collapsed" StripLinesVisibility="Collapsed"   />
                                   </telerikCharting:ChartArea.AxisY>
                                   <telerikCharting:ChartArea.AxisX>
                                       <telerikCharting:AxisX MajorTicksVisibility="Collapsed" PlotAreaAxisVisibility="Collapsed" Visibility="Collapsed" AxisLabelsVisibility="Collapsed"  ShouldScaleStepOnZoom="False" />
                                   </telerikCharting:ChartArea.AxisX>
                                   <telerikCharting:ChartArea.AnimationSettings>
                                       <telerikCharting:AnimationSettings ItemAnimationDuration="0" ItemDelay="0"/>
                                   </telerikCharting:ChartArea.AnimationSettings>
                               </telerikCharting:ChartArea>
                           </telerikCharting:ChartDefaultView.ChartArea>
                           <telerik:ChartDefaultView.ChartLegend>
                               <telerik:ChartLegend Visibility="Collapsed"/>
                           </telerik:ChartDefaultView.ChartLegend>
                       </telerik:ChartDefaultView>
                   </telerik:RadChart.DefaultView>
               </telerik:RadChart>
  2. Sia
    Admin
    Sia avatar
    667 posts

    Posted 01 Dec 2011 Link to this post

    Hello Watit,

    I have tried to reproduce this line but unfortunately with no success. Please review the attached image and project. Can you please modify the files so that the issue can be reproduces and send them back to me?

    Regards,
    Sia
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. DevCraft banner
  4. Watit
    Watit avatar
    37 posts
    Member since:
    Oct 2011

    Posted 06 Dec 2011 Link to this post

    i use ObservableCollection
    and i Attach my test project to you
    Thank you. 
    using System;
    using System.Collections.Generic;
    using System.Collections.ObjectModel;
    using System.Linq;
    using System.Net;
    using System.Windows;
    using System.Windows.Controls;
    using System.Windows.Documents;
    using System.Windows.Input;
    using System.Windows.Media;
    using System.Windows.Media.Animation;
    using System.Windows.Shapes;
     
    namespace MainPage
    {
        public partial class MainPage : UserControl
        {
            private readonly ObservableCollection<DataField> _DataField = GetMessages();
     
            public MainPage()
            {
                InitializeComponent();
     
                //this.QuoteDetailChart.ItemsSource = new int[] { 1, 2, 3,4,5,6,10,13,15 };
                for (int ii = 0; ii < 10;ii++ )
                {
                    _DataField.Add(new DataField { Price = ii });
                }
                this.QuoteDetailChart.ItemsSource = _DataField;
            }
     
            private static ObservableCollection<DataField> GetMessages()
            {
                return new ObservableCollection<DataField>
                {
                    //new DataField {Price = 15 }
     
                };
     
            }
            public class DataField
            {
                public string Symbol { get; set; }
                public DateTime TimeStamp { get; set; }
                public Double Open { get; set; }
                public Double High { get; set; }
                public Double Low { get; set; }
                public Double Close { get; set; }
                public Double Price { get; set; }
                public long Volumn { get; set; }
            }
        }
    }
  5. Sia
    Admin
    Sia avatar
    667 posts

    Posted 09 Dec 2011 Link to this post

    Hello Watit,

    The look of RadChart does not depend on its source. Have you tried my solution attached in my previous post? Can you please open a support ticket and attach there a sample project reproducing your issue because now it is hard to understand what causes your problem.

    Thank you in advance,
    Sia
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  6. Watit
    Watit avatar
    37 posts
    Member since:
    Oct 2011

    Posted 28 Dec 2011 Link to this post

    I use ObservableCollection it have underline.

    http://dl.dropbox.com/u/14792149/QuoteDetailSL.zip
  7. Sia
    Admin
    Sia avatar
    667 posts

    Posted 30 Dec 2011 Link to this post

    Hi,

    Thank you for the provided project. Indeed I should confirm that there is unexpected behavior when setting stroke to an area series definition while using automatic series mapping.

    That is why I would suggest using manual series mappings as shown in the attached project. I hope that this is a possible solution in your scenario.

    Greetings,
    Sia
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Back to Top
DevCraft banner