Telerik Forums
UI for Universal Windows Platform Forum
3 answers

I would like to create a chart where a stacked BarSeries is combined with a LineSeries. The horizontal axis is Categorical and shows week numbers (Category), the vertical is Linear (Value). The example data is this:

            List<Data> barCollection = new List<Data>();
            barCollection.Add(new Data { Category = "Wk 1", Label = "Preperation", Value = 5 });
            barCollection.Add(new Data { Category = "Wk 2", Label = "Preperation", Value = 3 });
            barCollection.Add(new Data { Category = "Wk 3", Label = "Preperation", Value = 4 });
            barCollection.Add(new Data { Category = "Wk 1", Label = "Production", Value = 4 });
            barCollection.Add(new Data { Category = "Wk 2", Label = "Production", Value = 3 });
            barCollection.Add(new Data { Category = "Wk 3", Label = "Production", Value = 3 });

            List<Data> lineCollection = new List<Data>();
            lineCollection.Add(new Data { Category = "Wk 1", Label = "Project", Value = 8 });
            lineCollection.Add(new Data { Category = "Wk 2", Label = "Project", Value = 7 });
            lineCollection.Add(new Data { Category = "Wk 3", Label = "Project", Value = 4 });
            lineCollection.Add(new Data { Category = "Wk 1", Label = "QuoteAndProjects", Value = 8 });
            lineCollection.Add(new Data { Category = "Wk 2", Label = "QuoteAndProjects", Value = 9 });
            lineCollection.Add(new Data { Category = "Wk 3", Label = "QuoteAndProjects", Value = 7 });

The bar-items need to be stacked in each week. The line-items (Two lines, based on the Label) are separate from each other. They need to be shown in front of the bars, since they might not be visible otherwise.

I have found several simple examples of individual portions of this question, but the combination is what makes it difficult. Can anyone help me in the right direction? 

Telerik team
 answered on 10 Jul 2020
2 answers
The RadDataGrid vertical scroll bar covers the filter control for the last column. It's difficult for the user to click the filter control when the vertical scroll bar appears. How can I fix this?
Telerik team
 answered on 02 Jul 2020
11 answers

I installed ProgressĀ® TelerikĀ® UI for UWP, but I'm not seeing all Telerik references.


I'm attaching screenshots.

Telerik team
 answered on 02 Jul 2020
1 answer
I have a grid with a number of columns. Several of the columns have filters. When I apply one of the filters, the last column on the right disappears when the grid refreshes. The code makes no changes as to whether or not a column is visible or not. Why is this happening?
Telerik team
 answered on 01 Jul 2020
3 answers

I have a checkbox in the cell template that has the visibility attribute.
On Loading, it works but after scrolling, It is showing

Please take look into below code

<telerikGrid:DataGridTemplateColumn Width="35" SizeMode="Fixed" >
                                <CheckBox />
                                    <CheckBox  Visibility="{Binding IsSerialSelectedCheckboxVisible}" />

Telerik team
 answered on 18 Jun 2020
2 answers

By default, ScatterAreaSeries / ScatterSplineAreaSeries seems to fill the area around Y = 0 axis (the blue).

I want ScatterAreaSeries / ScatterSplineAreaSeries to fill the area below the data point with negative Y value (the yellow area).

How can I achieve the yellow area with ScatterAreaSeries / ScatterSplineAreaSeries ?

Also, are there any Annotation / Series to fill the shape like yellow area?

Top achievements
Rank 1
 answered on 28 May 2020
3 answers

I have become increasingly disappointed with Telerik's investment in all things related to UWP development.  UWP enhancements have been essentially stagnant for months!  The ImageControl, support for PDF documents, and porting of the many control categories that are part of the WPF solution like the Designer control have not inched forward even slightly.

It is clear that Telerik is investing in cross platform.  My customers, the majority of which are large corporations all have major UWP initiatives under way that will be coming to fruition by the end of this year.  I have not been able to support their efforts with Telerik components, but have been forced to introduce competing products.  As a result, by the end of this year Telerik's position in the market place with respect to UWP will be very compromised.

Unless there a is a significant, immediate and highly visible adjustment in course on the part of Telerik with respect to UWP, my customers will be moving away from Teleirk components because there is nothing I can offer them that is comparable to the competition.

Some time ago I asked why the Designer components were released as a Windows 8 app and never made available as a component to developers effectively placing Telerik in the position of competing with its developers.  Telerik's response was less than opaque.  I've since figured out why that was the case.  Moving into the "Builder Tool" solution space might seem like a good idea, but it will be at the expense of customers like myself and those that I support who expect library components with source code.  I need the Designer source code working on UWP.  I need the ImageControl and its source for UWP.  I need PDF processing support for UWP.  I need all of the current Universal Windows controls working on UWP.  I need to start seeing WPF controls that do not overlapping with native UWP controls to start being issued as beta controls on UWP.  If that doesn't happen over the next few months I will need to move away from Telerik.

I've been a customer for quite some time.  You should consider carefully the long term ramifications of losing customers like myself.  Maybe I've got it wrong and UWP will be a dud.  Maybe I've got it right, in which case Telerik will lose a slue of corporate customers by the end of this year and find it very hard to get back in the UWP game.  UWP is MOBILE, UWP is IOT, UWP is Desktop, UWP is tablets, UWP is gaming consoles and soon UWP will even be in the cloud.  Is that not the definition of cross platform?

Telerik team
 answered on 20 May 2020
5 answers


How can I disable animation of a calendar cell when the mouse goes over it?





Top achievements
Rank 1
 answered on 02 Apr 2020
1 answer

Is there a way to create multiple charts in XAML using the DataTemplate tag and a collection of collections (e.g., ObservableCollection<Dictionary<string,int>>)  as the ItemsSource?  I have no need of displaying multiple series on one chart via SeriesProvider, since the keys/categorical variables in each Dictionary are not related.  Below was my attempt to implement it in XAML:

01.<ItemsControl Name="MyCategoryCharts">
02.    <ItemsControl.ItemTemplate>
03.        <DataTemplate x:DataType="dghelper:CategoryGroupCollection">
04.            <controls:Expander ExpandDirection="Down"
05.                                Header="{Binding CategoryName}"
06.                                FontWeight="SemiBold">
08.                <GridView>
09.                    <GridView.ItemTemplate>
10.                        <DataTemplate x:DataType="Dictionary">
11.                            <telerikChart:RadCartesianChart>
13.                                <telerikChart:RadCartesianChart.HorizontalAxis>
14.                                    <telerikChart:LinearAxis />
15.                                </telerikChart:RadCartesianChart.HorizontalAxis>
16.                                <telerikChart:RadCartesianChart.VerticalAxis>
17.                                    <telerikChart:CategoricalAxis />
18.                                </telerikChart:RadCartesianChart.VerticalAxis>
20.                                <telerikChart:RadCartesianChart.Grid>
21.                                    <telerikChart:CartesianChartGrid MajorLinesVisibility="X" StripLinesVisibility="X"/>
22.                                </telerikChart:RadCartesianChart.Grid>
24.                                <telerikChart:BarSeries ItemsSource="{Binding GroupDict}">
25.                                    <telerikChart:BarSeries.CategoryBinding>
26.                                        <telerikChart:PropertyNameDataPointBinding PropertyName="Key"/>
27.                                    </telerikChart:BarSeries.CategoryBinding>
28.                                    <telerikChart:BarSeries.ValueBinding>
29.                                        <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
30.                                    </telerikChart:BarSeries.ValueBinding>
31.                                </telerikChart:BarSeries>
34.                            </telerikChart:RadCartesianChart>
35.                        </DataTemplate>
36.                    </GridView.ItemTemplate>
37.                </GridView>
38.            </controls:Expander>                                       
39.        </DataTemplate>
40.    </ItemsControl.ItemTemplate>


If there's no XAML solution for this problem, could you provide a C#/Code-behind way of creating a RadCartesianChart, i.e., a C#-equivalent of this tutorial (Getting Started with Telerik UI for UWP).  I've implemented this as a workaround/alternative solution to the yet-to-be-shown XAML solution but have encountered a roadblock in assigning the CategoryBinding and ValueBinding.  Below is my current progress to programmatic solution:


01.private RadCartesianChart CreateChart(CategoryGroupCollection coll)
03.    // Set up chart
04.    RadCartesianChart retChart = new RadCartesianChart();
05.    retChart.PaletteName = PredefinedPaletteName.DefaultDark;
06.    retChart.DataContext = coll;
07.    retChart.HorizontalAxis = new LinearAxis();
08.    retChart.VerticalAxis = new CategoricalAxis();
10.    // Set up the data series for the chart
11.    BarSeries series = new BarSeries();
12.    series.ItemsSource = coll.GroupDict;           
14.    // TODO: assigning CategoryBinding and ValueBinding (PropertyNameDataPointBinding)
16.    // Add the series to the chart
17.    retChart.Series.Add(series);
18.    return retChart;
21.private void CreateCharts(IEnumerable<CategoryGroupCollection> dataCollection)
23.    foreach (CategoryGroupCollection item in dataCollection)
24.    {
25.        ChartsStackPanel.Children.Add(CreateChart(item));
26.    }
29.public class CategoryGroupCollection
31.    public string CategoryName { get; set; }
32.    public Dictionary<string, int> GroupDict { get; set; }
Lance | Manager Technical Support
Telerik team
 answered on 26 Mar 2020
3 answers
Hey Gang,
I'm attempting to bind a graph to an observable collection, and I'm getting 
"Collection was modified; enumeration operation may not execute."

Ok - I'm 99% sure what is going on - the collection (which is of immutable objects BTW) gets items added by a time in a remote DLL - every 1/2 second or so

I'm guess that is the issue.  Even if I could pause the remote operation, what is the preferred way to get the bound collection onto the graph's thread, as we never know when the collection will update

My current code - the basic  chart is in the XAML (and named dataGraph)  (oh, this is all UWP)

If I comment out the line for the ItemsSource, I'm all good

   LineSeries lineSeries = new LineSeries();
  lineSeries.Stroke = new SolidColorBrush(Colors.Orange);
  lineSeries.StrokeThickness = 2;
  lineSeries.VerticalAxis = new LinearAxis();

  lineSeries.ItemsSource = theData; //this is the  ObservableCollection<DataItem>
  lineSeries.CategoryBinding = new PropertyNameDataPointBinding() { PropertyName = "TimeUTC" };
  lineSeries.ValueBinding = new PropertyNameDataPointBinding() { PropertyName = "Value" };

  dataGraph.HorizontalAxis = new DateTimeContinuousAxis() { LabelFormat = "HH:mm:ss" };
Lance | Manager Technical Support
Telerik team
 answered on 06 Mar 2020
Top users last month
Top achievements
Rank 2
Top achievements
Rank 2
Top achievements
Rank 2
Top achievements
Rank 1
Top achievements
Rank 1