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);
Hi. I was trying to run example code about 'AnnotationsProvider' feature from here:
https://github.com/telerik/xaml-sdk/tree/master/ChartView/WPF/AnnotationsProvider
However, it seems to me that it doesn't working as was supposed. Neither 'AnnotationDescriptor' or 'AnnotationDescriptorSelector' user control are not working properly (I had not seen any annotations at all). Only 'AnnotationCreated' user control drew the annotations by using code-behind event handler. What am i doing wrong?
My current Telerik libraries version is 2017.2.503.4
<telerik:RadLegend Grid.Row="1" Margin="10,20" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"> <telerik:RadLegend.Items> <telerik:LegendItemCollection> <telerik:LegendItem MarkerFill="Red" Title="Legend item 1" /> <telerik:LegendItem MarkerFill="Green" Title="Legend item 2" /> <telerik:LegendItem MarkerFill="Blue" Title="Legend item 3" /> <telerik:LegendItem MarkerFill="Aqua" Title="Legend item 4" /> </telerik:LegendItemCollection> </telerik:RadLegend.Items> </telerik:RadLegend>