I am ad my charts and several Series in code behind:
RadCartesianChart chart = new RadCartesianChart(); chart.Margin = new Thickness(0, 78, 0, -13); chart.HorizontalAxis = new CategoricalAxis(); chart.VerticalAxis = new LinearAxis(); chart.HorizontalAxis.Visibility = System.Windows.Visibility.Collapsed; chart.VerticalAxis.Visibility = System.Windows.Visibility.Collapsed;LineSeries line = new LineSeries();LineSeries line2 = new LineSeries();line.Stroke = new SolidColorBrush(Colors.Blue);line2.Stroke = new SolidColorBrush(Colors.Red);chart.Series.Add(line);chart.Series.Add(line2);his.LayoutRoot.Children.Add(chart);And i want to add Legend for each Series in code behind.

Is there any way of replicating the look of a Step Line series (as in the RadChartView) in a Sparkline? I.e, instead of drawing lines straight between points, it treats points as "rising edges?"
Thanks

I used MVVM to create a data source(property), then I use RadCartesianChart to plot it. It works but I can not see the tooltip when hover mouse to the bars.
<telerik:ChartDataSource x:Name="ChartDataSource1" Items="{Binding Sales}" /><telerik:RadCartesianChart x:Name="barSeries"> <telerik:RadCartesianChart.Behaviors> <telerik:ChartTooltipBehavior="Top" VerticalOffset="20" /> </telerik:RadCartesianChart.Behaviors> <telerik:RadCartesianChart.TooltipTemplate> <DataTemplate> <Grid> <Path Data="M-1236,-441 L-1180,-441 -1180,-424 -1228,-424 -1230.5,-420 -1233,-424 -1236,-424 z" Stretch="Fill" Fill="Beige" Stroke="Gray" StrokeThickness="2"/> <StackPanel Margin="5,5,5,18"> <StackPanel Orientation="Horizontal"> <TextBlock Text="{Binding Path=DataItem.Quarter}" FontWeight="Bold" FontSize="11"/> </StackPanel> </Grid> </DataTemplate> <telerik:RadCartesianChart.Grid> <telerik:CartesianChartGrid MajorLinesVisibility="XY" MajorYLineDashArray="10,5" MajorXLinesRenderMode="All" </telerik:CartesianChartGrid> </telerik:RadCartesianChart.Grid> <telerik:RadCartesianChart.HorizontalAxis> <telerik:CategoricalAxis/> </telerik:RadCartesianChart.HorizontalAxis> <telerik:RadCartesianChart.VerticalAxis> <telerik:LinearAxis/> </telerik:RadCartesianChart.VerticalAxis> <telerik:BarSeries CategoryBinding="Quarter" ValueBinding="Profit" Items="{Binding Element=ChartDataSource1}"/></telerik:RadCartesianChart>Thanks

I followed this Binding the Color Series-Items
However I can't get the different colors for the bars by using telerik:RadCartesianChart. Please advise me.
<telerik:BarSeries CategoryBinding="Category" ValueBinding="Value" ItemsSource="{Binding}"> <telerik:BarSeries.PointTemplate> <DataTemplate> <Rectangle Fill="{Binding DataItem.Color}"/> </DataTemplate> </telerik:BarSeries.PointTemplate> </telerik:BarSeries>
Hi!
I'm adding panes dynamically to a RadSplitPanel inside DocumentHost. I would like to layout them (after added) in dock like style (non tab) how can I achieve that in code or XAML ?
Thanks,
Vladimir
I am building an application that will have an unknown number of tabs. Inside each tab is a chart with two data sets. I can get the dynamically created tabs working. I can also get the chart working outside of the tab control, but when I combine them, the chart area just says No Data points. It should be noted that I am following the MVVM pattern, so there is no code behind for the view. Everything is done with databinding in the xaml. The data to which I am binding is an observable collection with an observable collection inside it. Here is the view xaml.
<Grid> <TabControl ItemsSource="{Binding TotalGradeProfile}"> <TabControl.ItemTemplate> <DataTemplate> <TextBlock Text="{Binding Name}"/> </DataTemplate> </TabControl.ItemTemplate> <TabControl.ContentTemplate> <DataTemplate> <telerik:RadCartesianChart x:Name="chart" Palette="Summer"> <telerik:RadCartesianChart.HorizontalAxis> <telerik:LinearAxis/> </telerik:RadCartesianChart.HorizontalAxis> <telerik:RadCartesianChart.VerticalAxis> <telerik:LinearAxis HorizontalAlignment="Right"></telerik:LinearAxis> </telerik:RadCartesianChart.VerticalAxis> <telerik:RadCartesianChart.SeriesProvider> <telerik:ChartSeriesProvider Source="{Binding GradeProfiles}"> <telerik:ChartSeriesProvider.SeriesDescriptors> <telerik:ScatterSeriesDescriptor XValuePath="Mp" YValuePath="RegionGrade"> <telerik:ScatterSeriesDescriptor.Style> <Style TargetType="telerik:ScatterLineSeries"> <Setter Property="StrokeThickness" Value="2"/> </Style> </telerik:ScatterSeriesDescriptor.Style> </telerik:ScatterSeriesDescriptor> </telerik:ChartSeriesProvider.SeriesDescriptors> </telerik:ChartSeriesProvider> </telerik:RadCartesianChart.SeriesProvider> </telerik:RadCartesianChart> </DataTemplate> </TabControl.ContentTemplate> </TabControl> </Grid>
Hello,
I am struggling with listboxes, with something looks quite simple :
<telerik:RadListBox SelectionMode="Single" x:Name="radListBox" ItemsSource="{Binding Tasks}" SelectedItem="{Binding SelectedPlcTemplate.Task, Mode=TwoWay}" DisplayMemberPath="Name" />
In my ViewModel:
public ObservableCollection<PlcTask> Tasks
{
get { return PlcTask.GetAll(); }
}
In my model:
private PlcTask _task;
public PlcTask Task
{
get
{
return _task;
}
set
{
_task = value;
RaisePropertyChanged(() => Task);
}
}
The listbox never updates its value, even if the model is correctlyt updated
<Style TargetType="telerik:RadTreeViewItem" x:Key="RadTreeViewItemStyle"> <Setter Property="FocusVisualStyle" Value="{x:Null}"/> <Setter Property="HorizontalContentAlignment" Value="Left"/> <Setter Property="VerticalContentAlignment" Value="Center"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="Padding" Value="1 4 5 4"/> <Setter Property="MinHeight" Value="24"/> <Setter Property="IsDropAllowed" Value="True"/> <Setter Property="IsEnabled" Value="True"/> <Setter Property="IsTabStop" Value="False"/> <Setter Property="KeyboardNavigation.TabNavigation" Value="Local"/> <Setter Property="Template" Value="{StaticResource TreeViewItemDefaultTemplate}"/> <Setter Property="ItemsPanel"> <Setter.Value> <ItemsPanelTemplate> <WrapPanel Orientation="Horizontal" VerticalAlignment="Bottom"/> </ItemsPanelTemplate> </Setter.Value> </Setter> </Style>