Questions on UI for WPF Forum

1 answer

46 views

Adding charts to RadPdfProcessing

Is it possible to add charts to a document created via RadPdfProcessing, if so is there a sample anywhere?

THx

Chart

answered on 01 Nov 2021

1 answer

84 views

Show both dot and line in one scatter series

Hi,

I would like to create a Scatter plot that shows both dot and line in the same series (shown in attached image). I am using ScatterPointSeries in C-sharp code but there is no strockThickness property.

Thanks,

Chao-An

Chart

answered on 22 Oct 2021

1 answer

224 views

How to sort bar chart categories?

Hello.

I created a bar chart similar to the link below.

The chart is successful, but there is a problem with sorting in categories.

https://docs.telerik.com/devtools/universal-windows-platform/controls/radchart/how-to/howto-display-horizontal-bar-chart

<telerik:RadCartesianChart>
    <telerik:RadCartesianChart.HorizontalAxis>
        <telerik:LinearAxis/>
    </telerik:RadCartesianChart.HorizontalAxis>
    <telerik:RadCartesianChart.VerticalAxis>
        <telerik:CategoricalAxis/>
    </telerik:RadCartesianChart.VerticalAxis>

    <telerik:RadCartesianChart.Series>
        <telerik:BarSeries	ItemsSource="{Binding ResultChart}"
							CategoryBinding="Title"
                            ValueBinding="Value" 
							ShowLabels="True">

            <telerik:BarSeries.DefaultVisualStyle>
                <Style TargetType="Border">
                    <Setter Property="Background" Value="{Binding DataItem.Color}" />
                </Style>
            </telerik:BarSeries.DefaultVisualStyle>
        </telerik:BarSeries>
    </telerik:RadCartesianChart.Series>
</telerik:RadCartesianChart>

<telerik:GridView ItemSource="{Binding ResultChart}" />

As you can see, Category 0 is the first value, and you can see that it is below.

I want to reverse this.

Is there another way other than to sort the Itemsource binding values in reverse?

I want to avoid sorting because the results are also displayed in the GridView.

Thanks.

Chart

ChartView

answered on 13 Oct 2021

1 answer

60 views

Change type of axis dynamicaly (from code) via a combobox

Hi all,

I have a chart : RadCarteisaonChart defined like this :
Is possible to change the Axis (X and Y) by Logarithmics Axis at runtime ?

Regards

 <telerik:RadCartesianChart Grid.Column="0" Margin="0,30,0,30" Foreground="{StaticResource DarkGray}">
                            <telerik:RadCartesianChart.HorizontalAxis>
                                <telerik:LinearAxis x:Name="hLinearAxis" ShowLabels="True">
                                </telerik:LinearAxis>
                                <!--<telerik:LogarithmicAxis x:Name="hLogarithmAxis" ShowLabels="True">
                                </telerik:LogarithmicAxis>-->                                
                            </telerik:RadCartesianChart.HorizontalAxis>
                            <telerik:RadCartesianChart.VerticalAxis>
                                <telerik:LinearAxis x:Name="vAxis"/>
                            </telerik:RadCartesianChart.VerticalAxis>
                            <telerik:ScatterPointSeries x:Name="ChartCurve" XValueBinding="Concentration" YValueBinding="OpticalDensity" Foreground="{StaticResource DarkGray}">
                                <telerik:ScatterPointSeries.PointTemplate>
                                    <DataTemplate>
                                        <Ellipse Width="10" 
                                                Height="10" 
                                            Fill="{StaticResource ElectricBlue}"/>
                                    </DataTemplate>
                                </telerik:ScatterPointSeries.PointTemplate>
                            </telerik:ScatterPointSeries>
                            <telerik:RadCartesianChart.Grid>
                                <telerik:CartesianChartGrid MajorLinesVisibility="XY" />
                            </telerik:RadCartesianChart.Grid>
                            <telerik:RadCartesianChart.Annotations>
                                <telerik:CartesianCustomLineAnnotation Stroke="Red" StrokeThickness="2" HorizontalFrom="0" HorizontalTo="{Binding CONCMAX}" VerticalFrom="{Binding A}" VerticalTo="{Binding YMAX}" />
                            </telerik:RadCartesianChart.Annotations>
                        </telerik:RadCartesianChart>

Chart

ComboBox

answered on 17 Sep 2021

1 answer

190 views

How to move the Axis Title ? and draw a line on the chart.

Hi all,

<telerik:RadCartesianChart Grid.Column="0">
                            <telerik:RadCartesianChart.HorizontalAxis>
                                <telerik:CategoricalAxis TickThickness="5" MajorTickInterval="1" MajorTickLength="5" Title="Conc."/>
                                
                            </telerik:RadCartesianChart.HorizontalAxis>
                            <telerik:RadCartesianChart.VerticalAxis>
                                <telerik:LinearAxis Minimum="0" LineDashArray="5, 10, 15" TickThickness="5" Title="OD"/>
                            </telerik:RadCartesianChart.VerticalAxis>

                            <telerik:RadCartesianChart.Series>
                                <telerik:PointSeries x:Name="ChartCurve" CategoryBinding="Concentration" ValueBinding="OpticalDensity">
                                    <telerik:PointSeries.PointTemplate>
                                        <DataTemplate>
                                            <Ellipse Width="10" Height="10" Fill="{StaticResource DarkGray}"/>          
                                        </DataTemplate>
                                    </telerik:PointSeries.PointTemplate>
                                </telerik:PointSeries>
                            </telerik:RadCartesianChart.Series>
                            <telerik:RadCartesianChart.Grid>
                                <telerik:CartesianChartGrid MajorLinesVisibility="XY" />
                            </telerik:RadCartesianChart.Grid>
                            <telerik:RadCartesianChart.Annotations>
                                <telerik:CartesianCustomLineAnnotation 
                                       HorizontalFrom="0.0" VerticalFrom="2.25" 
                                       HorizontalTo="20" VerticalTo="10" 
                                       Stroke="{StaticResource DarkGray}"  
                                       StrokeThickness="3" />
                            </telerik:RadCartesianChart.Annotations>
                        </telerik:RadCartesianChart>

1) I try to add a line, doesnt work with

telerik:CartesianCustomLineAnnotation

2) change position of Title Y axis to top position, and 3) change position of Title X axis to right. Doesnt found the way to do it

Thanks in advance for your help

Didier

Chart

General Discussions

answered on 06 Sep 2021

1 answer

180 views

Chart horizontal scrollbar without zooming and fixied barseries width

Hello,

I find some problem when displaying lot of datapoints. What I try to achieve is define a constant width for each series and allow scrolling in horizontal axis. We try it but looks as horizontal scrollbar only is activated if zoom is sets. We want to keep bar series at fixed size and scroll it.

On the attached images you can see how it looks now our charts. Our desired behaviours it´s to get this problem solved for charts with categories but same issue it´s happens without categories.

The behaviour we want to achieve is like we have a infinite canvas a just move. (Look desired.jpgto find a sketch)

Is there any option to configure it properly?

Thanks!

Chart

answered on 03 Sep 2021

2 answers

137 views

RadChartView ScatterPointSeries with horizontal lines

Hi!

I would like to have a scatterpoint series with horizontal lines as point template.

Moste important: the width of these horizontal lines must be the width of the ticks on the horizontal axis.

It is supposed to look like a StepLineChart where the verticalrisers are transparent so to speak, so the horizontals forms steps.

Chart

answered on 23 Aug 2021

2 answers

78 views

Dual X axis labels in barCharts

Hello,

I'd like to have two levels of X-Axis labelling in order to have a main category and subcategories clustered.

I found this topic https://www.telerik.com/forums/clustered-bar-chart---dual-x-axis-labels-is-this-possible-0866e299cb79 that asks for the same feature but the last reply is very old. It´s possible to achieve this behaviour nowadays?

Thanks !

Chart

ChartView

answered on 05 Aug 2021

1 answer

117 views

Sub-categories in stack bar chart

I am using RadCartesianChart(c#, wpf) for stack bar chart.
I want to implement Subcategories(and legend by subcateroy) and Categories.
Is it possible?
Plz show me the way.

- Sample Datas

- and... I want to like below..

Chart

answered on 29 Jul 2021

5 answers

110 views

RadPolarChart PolarLineSeries overflow when axis reduced

Hello,

I'm using Telerik WPF R1 2021

We discovered that PolarLineSeries are not correctly displayed when we have a PolarAxis that is too strict for the data to display.

We work a lot with graph and happen to dynamically (or from user input) resize the axis for readability

For example, I have a dataset in spiral

<telerik:PolarDataPoint Angle="0" Value="0"/> 
<telerik:PolarDataPoint Angle="30" Value="1"/> 
<telerik:PolarDataPoint Angle="60" Value="2"/> 
<telerik:PolarDataPoint Angle="90" Value="3"/> 
<telerik:PolarDataPoint Angle="120" Value="4"/> 
<telerik:PolarDataPoint Angle="150" Value="5"/> 
<telerik:PolarDataPoint Angle="180" Value="6"/> 
<telerik:PolarDataPoint Angle="210" Value="7"/> 
<telerik:PolarDataPoint Angle="240" Value="8"/> 
<telerik:PolarDataPoint Angle="270" Value="9"/> 
<telerik:PolarDataPoint Angle="300" Value="10"/> 
<telerik:PolarDataPoint Angle="330" Value="11"/>

If I reduce the PolarAxis to display between 3 and 8, overflow points will be displayed outside the graph and other point will be displayed according to the difference between minvalue and the actual value of the point

Here a screenshot of my test projet attached