Hi,
I am exploring the RadCartesianChart component and would like to know if there is a way to determine the intersection point between two series. For example, I have a SplineSeries and a LineSeries, and I would like to know where they intersect. Is there a component or method to accomplish this?
I may be using the wrong component to try to achieve that?
<telerik:RadCartesianChart x:Name="telerikChart">
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis Title="Distance (m)" DesiredTickCount="10"/>
</telerik:RadCartesianChart.VerticalAxis>
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:DateTimeContinuousAxis Title="Time (HH:mm)" LabelFormat="HH:MM"
TickOrigin="{Binding Origin}" MaximumTicks="14" MajorStepUnit="Hour" MajorStep="1"
Minimum="{Binding Minimum}" Maximum="{Binding Maximum}" />
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.Series>
<telerik:SplineSeries x:Name="barSerie1" CategoryBinding="Time" ValueBinding="Distance" ItemsSource="{Binding DistanceSeries}" ShowLabels="True" />
<telerik:LineSeries x:Name="barSerie2" CategoryBinding="Time" ValueBinding="Distance" ItemsSource="{Binding AverageLineSeries}" ShowLabels="True"/>
</telerik:RadCartesianChart.Series>
<telerik:RadCartesianChart.Grid>
<telerik:CartesianChartGrid MajorLinesVisibility="XY" />
</telerik:RadCartesianChart.Grid>
</telerik:RadCartesianChart>
Thanks for your time!
This is my code.
I want real-time graph.
But when i play the graph, the graph have some blinking.
I want to remove the blinking.
How can i do?
And what is the cause of this blinking?
<!--Chart-->
<telerik:RadCartesianChart x:Name="Chart" Palette="Windows8" Grid.Column="0" ClipToBounds="False" Margin="0,10,0,0">
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseDown">
<prism:InvokeCommandAction Command="{Binding MouseDownCommand}" />
</i:EventTrigger>
<i:EventTrigger EventName="MouseMove">
<prism:InvokeCommandAction Command="{Binding MouseMoveCommand}" />
</i:EventTrigger>
<i:EventTrigger EventName="MouseUp">
<prism:InvokeCommandAction Command="{Binding MouseUpCommand}" />
</i:EventTrigger>
<i:EventTrigger EventName="MouseLeave">
<prism:InvokeCommandAction Command="{Binding MouseLeaveCommand}" />
</i:EventTrigger>
<i:EventTrigger EventName="MouseWheel">
<prism:InvokeCommandAction Command="{Binding MouseWheelCommand}" />
</i:EventTrigger>
</i:Interaction.Triggers>
<!--Axis-->
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:CategoricalAxis x:Name="horizontalAxis" SmartLabelsMode="SmartStep" Title="{x:Static prop:Resources.TIME_AXIS}"/>
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis x:Name="verticalAxis" FontFamily="Segoe UI" SmartLabelsMode="SmartStepAndRange" Title="{x:Static prop:Resources.STR_VALUE}">
</telerik:LinearAxis>
</telerik:RadCartesianChart.VerticalAxis>
<telerik:RadCartesianChart.Grid>
<telerik:CartesianChartGrid MajorLinesVisibility="Y" MajorYLineDashArray="3,4" />
</telerik:RadCartesianChart.Grid>
<!--Track Ball-->
<telerik:RadCartesianChart.TrackBallInfoStyle>
<Style TargetType="telerik:TrackBallInfoControl">
<Setter Property="Header" Value="{Binding TrackBallHeaderText}"/>
<Setter Property="Opacity" Value="0.7" />
</Style>
</telerik:RadCartesianChart.TrackBallInfoStyle>
<telerik:RadCartesianChart.TrackBallLineStyle>
<Style TargetType="Polyline">
<Setter Property="Stroke" Value="Red" />
</Style>
</telerik:RadCartesianChart.TrackBallLineStyle>
<telerik:RadCartesianChart.Behaviors>
<telerik:ChartTrackBallBehavior ShowTrackInfo="{Binding IsVisibleTrackInfo}" ShowIntersectionPoints="True" TrackInfoUpdated="ChartTrackBallBehavior_TrackInfoUpdated" local:ChartUtilities.TrackBallGroup="g1" />
</telerik:RadCartesianChart.Behaviors>
<!--Annotations-->
<telerik:RadCartesianChart.Annotations>
<telerik:CartesianGridLineAnnotation x:Name="ChartAnnotation" Axis="{Binding ElementName=horizontalAxis}" Stroke="Red" StrokeThickness="1.5"
Value="{Binding CurrentPosition}" Label="{x:Static prop:Resources.STR_CURRENT_POSITION}" ClipToBounds="False" ClipToPlotArea="False">
<telerik:CartesianGridLineAnnotation.LabelDefinition>
<telerik:ChartAnnotationLabelDefinition Location="Top"
HorizontalAlignment="Center"/>
</telerik:CartesianGridLineAnnotation.LabelDefinition>
</telerik:CartesianGridLineAnnotation>
</telerik:RadCartesianChart.Annotations>
<telerik:RadCartesianChart.SeriesProvider>
<telerik:ChartSeriesProvider Source="{Binding Data}" SeriesCreated="ChartSeriesProvider_SeriesCreated">
<telerik:ChartSeriesProvider.SeriesDescriptors>
<telerik:CategoricalSeriesDescriptor CategoryPath="Category"
ValuePath="Value"
ItemsSourcePath="Items">
<telerik:CategoricalSeriesDescriptor.Style>
<Style TargetType="telerik:LineSeries">
<Setter Property="VirtualizingPanel.IsVirtualizing" Value="True"/>
<Setter Property="VirtualizingPanel.VirtualizationMode" Value="Standard"/>
<Setter Property="Stroke" Value="{Binding Path=Color}">
</Setter>
<!--<Setter Property="LegendSettings" Value="{Binding Path=SeriesName, Converter={StaticResource LegendSettingsValueConverter}}"/>-->
<Setter Property="TrackBallInfoTemplate">
<Setter.Value>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="5,0,0,0">
<TextBlock Text="{Binding DataPoint.Presenter.DataContext.SeriesName}"/>
<TextBlock Text=" : " FontWeight="Bold" />
<TextBlock Text="{Binding DataPoint.Value, StringFormat=0.0#}" />
</StackPanel>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
</telerik:CategoricalSeriesDescriptor.Style>
</telerik:CategoricalSeriesDescriptor>
</telerik:ChartSeriesProvider.SeriesDescriptors>
</telerik:ChartSeriesProvider>
</telerik:RadCartesianChart.SeriesProvider>
</telerik:RadCartesianChart>
Hello everyone,
I'm new to Telerik and a quite beginner in C#. I would like to use ChartView to display a real-time value that I read every X milliseconds and add it to the graph. The X-axis should indicate seconds, so each point is defined in terms of X and Y. Several thousand points need to be generated and displayed. The chart should display 3 curves. 1 RealTime curve , 1 Superior Limit that is fixed, 1 Inferior Limit that is fixed.
Could someone help me get started on this? (what structure for the points, adding series). Every help is welcome.
Cheers
Massimo
I am currently using a RadCartesianChart and ChartSeriesProvider to display multiple ScatterPointSeries. These series will have 10's of thousands of points in them. The only rendering option that has worked well for this is BitmapRenderOptions. However, when using BitmapRenderOptions I can't get tooltips to show and I can't select any points.
Is this a know limitation of the BitmapRenderOptions or is there a way to get it to work? I'm basically using the Large Data demo but trying to add a selection and tooltip behavior.
Selection and tooltip work fine if I use the default XamlRenderOptions, but the performance is too bad to use.
We are using the RadCartesianChart component to plot datasets that contain digitized signals from a communications channel. The signals are periodic in nature, and we divide the stream into a series of single period datasets. We will then plot all the datasets on the same RadCartesianChart using a common time reference. The result will be a large number of datasets overlaid on the same Cartesian surface.
So far so good.
Now we want the visual image to use color to show density of the overlaid plots similar to a communications eye diagram as shown below. In that diagram there are 8 million overlaid signals, and the colors encode a density scale allowing visualization of the distribution of discrepancies in the overlaid signals. Is this possible using the RadCartesianChart component? If not directly supported are there mechanisms to customize the plotting to achieve something like this?
When using version 2023.2.718 targeting .NET 6.0 on VS 2022, I tried to create a RadCartesianChart as described here: https://docs.telerik.com/devtools/wpf/controls/radchartview/multiple-chart-series
The PointSeries and BarSeries are recognized as expected, but LineSeries generates errors that make the designer complain about invalid markup:
The program builds and runs fine.
Anyone have a clue as to what is happening here?
Hello.
I want to show in my pie chart only values not percentage. How I can do this?
<telerik:RadPieChart
x:Name="chart"
Palette="Windows8"
HoverMode="FadeOtherItems"
HorizontalAlignment="Stretch"
Foreground="{StaticResource KolorCzcionki1}"
FontSize="{StaticResource HeaderFontSize}"
VerticalAlignment="Stretch">
<telerik:PieSeries ItemsSource="{Binding Raport, UpdateSourceTrigger=PropertyChanged}"
ShowLabels="True"
ValueBinding="Ilosc"
DisplayName="Name">
<telerik:PieSeries.LegendSettings>
<telerik:DataPointLegendSettings TitleBinding="Name"/>
</telerik:PieSeries.LegendSettings>
</telerik:PieSeries>
</telerik:RadPieChart>
If I Set the ChartPanAndZoomBehavior to "Both", I can zoom a both within the same ratio or zoom one axis on its scrollbar.
How can I lock the two Axis to the same display ratio? (Same value/pixel ratio , I have the same unit meter on both axis), and allow the user zoom only together with two axis, disable the func of zoom single axis.