Questions on UI for WPF Forum

3 answers

371 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

149 views

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

228 views

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

140 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

67 views

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

77 views

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

3 answers

374 views

Custom Tooltip

Hi,

I am using a tooltip template in Rad Cartesian Chart View for ScatterSplineSeries. I defined Point Template and tooltip template and able to display X & Y Values. I want to Display the Horizontal Axis Title along with X value and Vertical Axis Title with Y Value. Also I would like to display the spline name too. Somehow I am not able to display the contents. I read in telreik about DataItem property of DataPoint class and even tried using it but unsuccessful .Here is my XAML and View Model.

<telerik:RadCartesianChart x:Name="CartesianChart" Visibility="Visible" 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="0" Maximum="35" LineThickness="2" LineStroke="Transparent"

Foreground="{DynamicResource BRUSH_TEXT}" Style="{StaticResource LinearAxisStyle}" />

</telerik:RadCartesianChart.HorizontalAxis>

<telerik:RadCartesianChart.VerticalAxis>

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

Style="{StaticResource LinearAxisStyle}" />

</telerik:RadCartesianChart.VerticalAxis>

<telerik:RadCartesianChart.Behaviors>

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

<telerik:ChartTooltipBehavior />

</telerik:RadCartesianChart.Behaviors>

<telerik:RadCartesianChart.SeriesProvider>

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

<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="TooltipTemplate">

<Setter.Value>

<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 DataItem.Name}" />

</StackPanel>

</Border>

</DataTemplate>

</Setter.Value>

</Setter>

<Setter Property="PointTemplate">

<Setter.Value>

<DataTemplate>

<Ellipse Width="20" Height="20" Fill="{DynamicResource BRUSH_SELECTION}" />

</DataTemplate>

</Setter.Value>

</Setter>

<Style.Triggers>

<DataTrigger Binding="{Binding IsDashed}" 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>

ViewModels

public class MainViewModel : ViewModelBase

{

public string HorizontalAxisTitle { get; set; }

public string VerticalAxisTitle { get; set; }

public ObservableCollection<SplineSeries> SplineCollection { get; set; }

public MainViewModel()

{

HorizontalAxisTitle = string.Format("{0}", "Grey Value");

VerticalAxisTitle = string.Format("{0}", "Volume");

this.SplineCollection = GetSplineCollection();

}

private ObservableCollection<SplineSeries> GetSplineCollection()

{

var result = new ObservableCollection<SplineSeries>

{

new SplineSeries()

{

Color = new SolidColorBrush(Colors.Red),

StrokeThickness = 2,

Name = "Structure1",

Points = new ObservableCollection<Data>()

{

new Data() {XValue = 0, YValue = 100},

new Data() {XValue = 5, YValue = 100},

new Data() {XValue = 9, YValue = 90},

new Data() {XValue = 10, YValue = 50},

new Data() {XValue = 20, YValue = 80},

new Data() {XValue = 25, YValue = 60},

new Data() {XValue = 30, YValue = 0}

}

},

new SplineSeries()

{

Color = new SolidColorBrush(Colors.Orange),

IsDashed = true,

StrokeThickness = 2,

Name = "Structure2",

Points = new ObservableCollection<Data>()

{

new Data() {XValue = 0, YValue = 100},

new Data() {XValue = 5, YValue = 100},

new Data() {XValue = 10, YValue = 50},

new Data() {XValue = 20, YValue = 0}

}

};

return result;

}




 

public class SplineSeries : ViewModelBase
    {
        private SolidColorBrush myBrush = new SolidColorBrush( Colors.OrangeRed );
        public SolidColorBrush Color
        {
            get { return myBrush; }
            set { myBrush = value; }
        }
        public string  Name { get; set; }
        public double StrokeThickness { get; set; }
 
        public bool IsDashed { get; set; }
 
        public ObservableCollection<Data> Points { get; set; }
    }

public class Data:ViewModelBase { public double XValue { get; set; } public double YValue { get; set; } }

How do I acheive this. Kindly Help me

ChartView

answered on 08 Jan 2016

3 answers

78 views

Demos for WPF_2015_3_1104

I downloaded this zip file from my account downloads area :
Telerik_UI_for_WPF_2015_3_1104_Demos
...and I am loading ExamplesCS_WPF.sln in VS2015 update 1.
I assumed I could run any of the projects as I liked, but after trying a handful, each fails either at build or run time.
I did try using the WPF upgrade wizard, that didn't seem to help. I am up to date with Telerik Control Panel. Is there some other prerequisite?
I found no readme or other discussion of how to build or run this demo project.

General Discussions

answered on 07 Jan 2016

3 answers

645 views

Resize cursors

This post makes it sound like there is no way to change the resize cursors for diagram shapes ... is this still the case?

Diagram

answered on 07 Jan 2016

1 answer

59 views

Does ChartView have support for Cyrillic font?

Does ChartView have support for Cyrillic font? I use Russified Windows 7 and interested in Cyrillics in captions and headers in the charts and diagrams.

ChartView

answered on 07 Jan 2016