Questions on UI for WPF Forum

5 answers

356 views

PointSeries Path Fill Bindable Value

I have the following XAML code I'm using to generate my Series and Graphs.

<telerik:RadCartesianChart x:Name="Chart"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch">

<telerik:RadCartesianChart.ContextMenu>

<ContextMenu>

<MenuItem Header="Export to Image" Click="MenuItem_Click" />

</ContextMenu>

</telerik:RadCartesianChart.ContextMenu>

<telerik:RadCartesianChart.Behaviors>

<telerik:ChartPanAndZoomBehavior DragMode="Zoom" ZoomMode="Horizontal" />

</telerik:RadCartesianChart.Behaviors>

<telerik:RadCartesianChart.Grid>

<telerik:CartesianChartGrid MajorLinesVisibility="XY" />

</telerik:RadCartesianChart.Grid>

<telerik:RadCartesianChart.Resources>

<Style TargetType="telerik:LineSeries">

<Setter Property="StrokeThickness" Value="1"/>

<Setter Property="Stroke" Value="{Binding ValueColour}" />

<Setter Property="RenderOptions" Value=

"{Binding RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}, Path=DataContext.RenderOptions, Mode=OneWay}"

/>

<Setter Property="LegendSettings">

<Setter.Value>

<telerik:SeriesLegendSettings>

<telerik:SeriesLegendSettings.Title>

<MultiBinding Converter="{StaticResource MultiBindingStringConverter}">

<Binding Path="ValueName" />

<Binding Path="Unit" />

</MultiBinding>

</telerik:SeriesLegendSettings.Title>

</telerik:SeriesLegendSettings>

</Setter.Value>

</Setter>

<Setter Property="ShowLabels" Value="False" />

<Setter Property="VerticalAxis">

<Setter.Value>

<MultiBinding Converter="{StaticResource UnitToVerticalAxisConverter}">

<Binding Path="ValueName" />

<Binding Path="Unit" />

</MultiBinding>

</Setter.Value>

</Setter>

</Style>

<Style TargetType="telerik:PointSeries">

<Setter Property="DefaultVisualStyle">

<Setter.Value>

<Style TargetType="Path">

<Setter Property="Fill" Value="{Binding ValueColour, Converter={StaticResource StringToSolidColorBrushConverter}}" /> 

</Style>

</Setter.Value>

</Setter>

<Setter Property="RenderOptions" Value=

"{Binding RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}, Path=DataContext.RenderOptions, Mode=OneWay}"

/>

<Setter Property="LegendSettings">

<Setter.Value>

<telerik:SeriesLegendSettings>

<telerik:SeriesLegendSettings.Title>

<MultiBinding Converter="{StaticResource MultiBindingStringConverter}">

<Binding Path="ValueName" />

<Binding Path="Unit" />

</MultiBinding>

</telerik:SeriesLegendSettings.Title>

</telerik:SeriesLegendSettings>

</Setter.Value>

</Setter>

<Setter Property="ShowLabels" Value="False" />

<Setter Property="VerticalAxis">

<Setter.Value>

<MultiBinding Converter="{StaticResource UnitToVerticalAxisConverter}">

<Binding Path="ValueName" />

<Binding Path="Unit" />

</MultiBinding>

</Setter.Value>

</Setter>

</Style>

</telerik:RadCartesianChart.Resources>

<telerik:RadCartesianChart.SeriesProvider>

<telerik:ChartSeriesProvider Source="{Binding Series}">

<telerik:ChartSeriesProvider.SeriesDescriptors>

<telerik:CategoricalSeriesDescriptor ItemsSourcePath="Data.Collection" TypePath="SeriesType" CategoryPath="Time" ValuePath="Value" />

</telerik:ChartSeriesProvider.SeriesDescriptors>

</telerik:ChartSeriesProvider>

</telerik:RadCartesianChart.SeriesProvider>

<telerik:RadCartesianChart.HorizontalAxis>

<telerik:DateTimeContinuousAxis

MajorStepUnit="Minute"

LabelInterval="4"

FontFamily="Segoe UI"

PlotMode="OnTicks" LabelFitMode="MultiLine">

<telerik:DateTimeContinuousAxis.LabelTemplate>

<DataTemplate>

<TextBlock Text="{Binding Converter={StaticResource MultiLineDateTimeConverter}}" />

</DataTemplate>

</telerik:DateTimeContinuousAxis.LabelTemplate>

</telerik:DateTimeContinuousAxis>

</telerik:RadCartesianChart.HorizontalAxis>

</telerik:RadCartesianChart>

Unfortunately when I try to bind the "ValueColour" property on my PointSeries style, for the Path style's Fill property, I get an invalid cast exception.

My ValueColour Property is of type String and I have tried using converters for both String to Color and String to SolidColorBrush and neither of them are working. The cast exception I get says:

Additional information: Unable to cast object of type 'System.Windows.Data.Binding' to type 'System.Windows.Media.Brush'.

However it works if I hard-code the colour with the value "Red" for example.

How do I make this data-bindable?

ChartView

answered on 11 Jan 2016

1 answer

220 views

[Solved] RadCartesianChart Line Series dotted lines for empty values

Hi

I am using a RadCartesianChart with a LineSeries and would like the line to be dotted between missing values (null) instead of a gap. How can I do this?

Regards, Lukas

Chart

answered on 11 Jan 2016

6 answers

147 views

[Solved] Appointment class - Calculate when is the next appointment

I'm using RadScheduleView in a WPF MVVM application. The AppointmentsSource property is bound to an observable collection ObservableCollection in the ViewModel. So I have all appointments in thew view model.
How can I easily calculate if there is an ongoing appointment at the current moment ? How can I calculate when is the next appointment ?

ScheduleView

answered on 11 Jan 2016

1 answer

101 views

How to use PaletteBrushes in drilldown charts

I am using drilldownchart(RadChart Hierarichal Chart). I would like to use different colors for bars. I am getting same gradient color for all bars. Please find the current working chart screenshot and expected.

Can we use pallette to show different colors in drill down chart. If so please provide details and some sample project.

Please find my XAML code here

Chart

answered on 11 Jan 2016

3 answers

407 views

Overlapping Axis Labels in RadCartesian Linear Axis.

Hi,

I have a RadCartesian Chart which has X& Y Axis as Linear axes. Chart Series is dynamically loaded. At one point my Axis labels overlap. I saw this link

http://docs.telerik.com/devtools/wpf/controls/radchartview/axes/axis-smart-labels but I am not able find the property SmartLabelsMode in the xaml.

Please help me solve the overlapping issue.

Here is my Xaml

<Grid>

<telerik:RadCartesianChart x:Name="CartesianChart" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"

Style="{StaticResource RadCartesianChartStyle1}">

<telerik:RadCartesianChart.Grid>

<telerik:CartesianChartGrid MajorLinesVisibility="XY" MajorXLineStyle="{StaticResource GridLineStyle}"

MajorYLineStyle="{StaticResource GridLineStyle}" />

</telerik:RadCartesianChart.Grid>

<telerik:RadCartesianChart.HorizontalAxis>

<telerik:LinearAxis Title="{Binding HorizontalAxisTitle}" Minimum="{Binding Xmin}" LineThickness="2" LineStroke="Transparent" Foreground="{DynamicResource BRUSH_TEXT}"

Style="{StaticResource LinearAxisStyle}" />

</telerik:RadCartesianChart.HorizontalAxis>

<telerik:RadCartesianChart.VerticalAxis>

<telerik:LinearAxis Title="{Binding VerticalAxisTitle}" LineThickness="2" Foreground="{DynamicResource BRUSH_TEXT}"

Style="{StaticResource LinearAxisStyle}" />

</telerik:RadCartesianChart.VerticalAxis>

<telerik:RadCartesianChart.SmartLabelsStrategy>

<telerik:ChartSmartLabelsStrategy />

</telerik:RadCartesianChart.SmartLabelsStrategy>

<telerik:RadCartesianChart.Behaviors>

<telerik:ChartPanAndZoomBehavior DragMode="Pan" ZoomMode="Both" PanMode="Both" />

<telerik:ChartTooltipBehavior />

</telerik:RadCartesianChart.Behaviors>

<telerik:RadCartesianChart.EmptyContentTemplate>

<DataTemplate>

<StackPanel>

<TextBlock Text="{Binding EmptyContentText}" />

</StackPanel>

</DataTemplate>

</telerik:RadCartesianChart.EmptyContentTemplate>

<telerik:RadCartesianChart.TooltipTemplate>

<DataTemplate>

<Border Background="{DynamicResource BRUSH_TOOLTIP}" BorderBrush="{DynamicResource BRUSH_TOOLTIP}" BorderThickness="1" Padding="10">

<StackPanel Background="{DynamicResource BRUSH_TOOLTIP}">

<StackPanel Width="{TemplateBinding Width}" Orientation="Horizontal" Background="{DynamicResource BRUSH_TOOLTIP}" Margin="5">

<TextBlock Text="{Binding DataItem.VerticalAxisTitle}" />

<TextBlock Text="{Binding YValue}" />

</StackPanel>

<StackPanel Width="{TemplateBinding Width}" Orientation="Horizontal" Background="{DynamicResource BRUSH_TOOLTIP}" Margin="5">

<TextBlock Text="{Binding DataItem.HorizontalAxisTitle}" />

<TextBlock Text="{Binding XValue}" />

</StackPanel>

<TextBlock Text="{Binding Presenter.DisplayName}" />

</StackPanel>

</Border>

</DataTemplate>

</telerik:RadCartesianChart.TooltipTemplate>

<telerik:RadCartesianChart.SeriesProvider>

<telerik:ChartSeriesProvider x:Name="ChartSeriesProvider" Source="{Binding SeriesCollection}">

<telerik:ChartSeriesProvider.SeriesDescriptors>

<telerik:ScatterSeriesDescriptor ItemsSourcePath="Points" YValuePath="YValue" XValuePath="XValue">

<telerik:ScatterSeriesDescriptor.Style>

<Style TargetType="telerik:ScatterSplineSeries">

<Setter Property="StrokeThickness" Value="{Binding StrokeThickness}" />

<Setter Property="Stroke" Value="{Binding Color}" />

<Setter Property="Visibility" Value="{Binding IsVisible,Converter={StaticResource BooleanToVisibilityConverter}}" />

<Setter Property="DisplayName" Value="{Binding Name}" />

<Setter Property="PointTemplate" Value="{StaticResource PointTemplate}" />

<Style.Triggers>

<DataTrigger Binding="{Binding IsDashed,Mode=TwoWay}" Value="True">

<Setter Property="DashArray" Value="5"/>

</DataTrigger>

</Style.Triggers>

</Style>

</telerik:ScatterSeriesDescriptor.Style>

</telerik:ScatterSeriesDescriptor>

</telerik:ChartSeriesProvider.SeriesDescriptors>

</telerik:ChartSeriesProvider>

</telerik:RadCartesianChart.SeriesProvider>

</telerik:RadCartesianChart>

</Grid>

</UserControl>

ChartView

answered on 11 Jan 2016

1 answer

169 views

[Solved] Does ChartView support MouseWheel and MouseMove events handlers?

Hi! I bag your pardon for my poor English. Suppose I have a line chart of electronic pulse curve that has been drawn in RadCartesianChart of RadChartView. Does RadChartView support layouting (zooming) of this pulse curve using mouse wheel? In other words, when the user rotates the mouse wheel then the chart changes its size in X and Y directions of course if I define MouseWheel event handler for RadCartesianChart. So I have two questions:

1) Does RadCartesianChart of RadChartView support MouseWheel event handler for layouting (zooming) of chart in X and Y directions with change of scale on X axis and Y axis respectively?

2) Does RadCartesianChart of RadChartView support MouseMove event handler for panning (moving) of chart in X and Y directions with recalculation of values of ticks on X and Y axes respectively?

ChartView

answered on 11 Jan 2016

2 answers

254 views

[Solved] ChartView inside ItemsControl Zoom issue When using Mousewheel scroll

I am using ChartView inside ItemsControl. Everything is working fine.I am facing issue when using mouse-wheel scroll for chart zoom . Issue is itemscontrol scrolling triggered instead of scroll for chart zooming even though my mouse focus on chart.

My Expected Requirement:

1.) Do Chart Zoom In/Out When Mouse focus on chartcontrol.

2.) Do Item control scrolling when mouse focus on itemscontrol scrollbar.

I tried few options but those failed.Please help on this..

Please see attach as well...

ChartView

answered on 11 Jan 2016

2 answers

159 views

ChartView : How to Navigate/Move DataPoint Selection using Keyboard Right,Left

My Requirement to move Datapoint selection using keyboards right,left arrow keys.I am already highlight datapoints using selection changed event.But How to navigate the point?

Please see attached...

ChartView

answered on 08 Jan 2016

2 answers

83 views

[Solved] EditItem() doesn't update until I edit the cell?

I call EditItem(), make my changes and then call CommitEdit(). Although the documentation says "That's it - the RadGridView will show the updated data immediately.", that doesn't seem to work for me. The change only appears when I enter edit mode in the grid by double-clicking the cell.

I've created a small project to demonstrate my issue.

<Window x:Class="RadGridViewUpdate.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

Title="MainWindow" Height="350" Width="525">

<StackPanel>

<telerik:RadGridView x:Name="grid" />

<Button Content="Change" Click="OnChange" />

</StackPanel>

</Window>

public partial class MainWindow : Window

{

public class Test

{

public string first { get; set; }

public string second { get; set; }

public string third { get; set; }

}

Test entry1 = new Test() { first = "1", second = "2", third = "3" };

Test entry2 = new Test() { first = "1", second = "2", third = "3" };

public MainWindow()

{

InitializeComponent();

grid.Items.Add(entry1);

grid.Items.Add(entry2);

}

private void OnChange(object sender, RoutedEventArgs e)

{

grid.Items.EditItem(entry1);

entry1.second = "5";

grid.Items.CommitEdit();

}

When I click "Change", nothing is changed in the grid until I double-click the second column of the first row.

Note that this is just an example. In my full application, I use MVVM and did try to "RaisePropertyChange".

GridView

answered on 08 Jan 2016

2 answers

95 views

[Solved] Deselect appointment/appointments from a viewmodel

Hey,

I am trying to deselect appointments from my viewmodel. I have tried setting the property that is bound to the selected value equal to null but that doesn't seem to work. Do you have any suggestions?

Thanks

NA

ScheduleView

answered on 08 Jan 2016