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>
chartSafety.VerticalAxis = new LinearAxis(); chartSafety.HorizontalAxis = new CategoricalAxis(); DataTable dtSafety = new DataTable("DATA"); dtSafety.Columns.Add(new DataColumn("Name", typeof(string))); dtSafety.Columns.Add(new DataColumn("ValueBar", typeof(double))); dtSafety.Rows.Add(new object[] { "Value1", 70 }); dtSafety.Rows.Add(new object[] { "Value2", 15 }); dtSafety.Rows.Add(new object[] { "Value3", 34 }); dtSafety.Rows.Add(new object[] { "Value4", 87 }); dtSafety.Rows.Add(new object[] { "Value5", 45 }); dtSafety.Rows.Add(new object[] { "Value6", 22 }); dtSafety.Rows.Add(new object[] { "Value7", 33 }); dtSafety.Rows.Add(new object[] { "Value8", 65 }); dtSafety.Rows.Add(new object[] { "Value9", 19 }); dtSafety.Rows.Add(new object[] { "Value10", 41 }); BarSeries barSer = new BarSeries();foreach (DataRow drSafety in dtSafety.Rows) { barSer.DataPoints.Add(new CategoricalDataPoint() { Category = drSafety["Name"], Label = string.Format("{0:N}", drSafety["ValueBar"]), Value = double.Parse(drSafety["ValueBar"].ToString()) }); } chartSafety.Series.Clear(); chartSafety.Series.Add(barSer);