This is a migrated thread and some comments may be shown as answers.

Hide Stoke under chart

5 Answers 57 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Watit
Top achievements
Rank 2
Watit asked on 29 Nov 2011, 08:15 AM
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>

5 Answers, 1 is accepted

Sort by
0
Sia
Telerik team
answered on 01 Dec 2011, 06:32 PM
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 >>

0
Watit
Top achievements
Rank 2
answered on 07 Dec 2011, 04:31 AM
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; }
        }
    }
}
0
Sia
Telerik team
answered on 09 Dec 2011, 05:16 PM
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 >>

0
Watit
Top achievements
Rank 2
answered on 29 Dec 2011, 03:15 AM
I use ObservableCollection it have underline.

http://dl.dropbox.com/u/14792149/QuoteDetailSL.zip
0
Sia
Telerik team
answered on 30 Dec 2011, 11:49 AM
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 >>

Tags
Chart
Asked by
Watit
Top achievements
Rank 2
Answers by
Sia
Telerik team
Watit
Top achievements
Rank 2
Share this question
or