Skip to content

Commit 67df764

Browse files
committed
Charts demo added for: Point, Line, Area, Bar, Financial
1 parent 3cd02fc commit 67df764

File tree

43 files changed

+1746
-3
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+1746
-3
lines changed

OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI.csproj

Lines changed: 89 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,36 @@
2828
<None Remove="Other\embed.js" />
2929
<None Remove="Other\Styles.xaml" />
3030
<None Remove="Samples\Controls\RadCalendar\RadCalendar_Demo.xaml" />
31-
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml" />
31+
<None Remove="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_AreaSeries_Demo.xaml" />
32+
<None Remove="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_RangeSeries_Demo.xaml" />
33+
<None Remove="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_RangeSplineSeries_Demo.xaml" />
34+
<None Remove="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_ScatterAreaSeries_Demo.xaml" />
35+
<None Remove="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml" />
36+
<None Remove="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_SplineAreaSeries_Demo.xaml" />
37+
<None Remove="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_StepAreaSeries_Demo.xaml" />
38+
<None Remove="Samples\Controls\RadCartesianChart\Bar\RadCartesianChart_BarSeries_Demo.xaml" />
39+
<None Remove="Samples\Controls\RadCartesianChart\Bar\RadCartesianChart_RangeBarSeries_Demo.xaml" />
40+
<None Remove="Samples\Controls\RadCartesianChart\Bubble\RadCartesianChart_BubbleSeries_Demo.xaml" />
41+
<None Remove="Samples\Controls\RadCartesianChart\Bubble\RadCartesianChart_ScatterBubbleSeries_Demo.xaml" />
42+
<None Remove="Samples\Controls\RadCartesianChart\Financial\RadCartesianChart_CandlestickSeries_Demo.xaml" />
43+
3244
<None Remove="Samples\Controls\Controls.xaml" />
45+
46+
<None Remove="Samples\Controls\RadCartesianChart\Financial\RadCartesianChart_OhlcSeries_Demo.xaml" />
47+
48+
<None Remove="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_LineSeries_Demo.xaml" />
49+
50+
<None Remove="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_ScatterLineSeries_Demo.xaml" />
51+
52+
<None Remove="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_ScatterSplineSeries_Demo.xaml" />
53+
54+
<None Remove="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_SplineSeries_Demo.xaml" />
55+
56+
<None Remove="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_StepLineSeries_Demo.xaml" />
57+
58+
<None Remove="Samples\Controls\RadCartesianChart\Point\RadCartesianChart_PointSeries_Demo.xaml" />
59+
60+
<None Remove="Samples\Controls\RadCartesianChart\Point\RadCartesianChart_ScatterPointSeries_Demo.xaml" />
3361
<None Remove="Samples\Controls\RadGallery\RadGallery_Demo.xaml" />
3462
<None Remove="Samples\Controls\RadListBox\RadListBox_Demo.xaml" />
3563
<None Remove="Samples\Controls\RadMap\RadMap_Demo.xaml" />
@@ -85,9 +113,68 @@
85113
<Content Include="Samples\Controls\RadCalendar\RadCalendar_Demo.xaml">
86114
<Generator>MSBuild:Compile</Generator>
87115
</Content>
88-
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml">
116+
<Content Include="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_AreaSeries_Demo.xaml">
117+
<Generator>MSBuild:Compile</Generator>
118+
</Content>
119+
<Content Include="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_RangeSeries_Demo.xaml">
120+
<Generator>MSBuild:Compile</Generator>
121+
</Content>
122+
<Content Include="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_RangeSplineSeries_Demo.xaml">
123+
<Generator>MSBuild:Compile</Generator>
124+
</Content>
125+
<Content Include="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_ScatterAreaSeries_Demo.xaml">
126+
<Generator>MSBuild:Compile</Generator>
127+
</Content>
128+
<Content Include="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml">
129+
<Generator>MSBuild:Compile</Generator>
130+
</Content>
131+
<Content Include="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_SplineAreaSeries_Demo.xaml">
132+
<Generator>MSBuild:Compile</Generator>
133+
</Content>
134+
<Content Include="Samples\Controls\RadCartesianChart\Area\RadCartesianChart_StepAreaSeries_Demo.xaml">
135+
<Generator>MSBuild:Compile</Generator>
136+
</Content>
137+
<Content Include="Samples\Controls\RadCartesianChart\Bar\RadCartesianChart_BarSeries_Demo.xaml">
138+
<Generator>MSBuild:Compile</Generator>
139+
</Content>
140+
<Content Include="Samples\Controls\RadCartesianChart\Bar\RadCartesianChart_RangeBarSeries_Demo.xaml">
141+
<Generator>MSBuild:Compile</Generator>
142+
</Content>
143+
<Content Include="Samples\Controls\RadCartesianChart\Bubble\RadCartesianChart_BubbleSeries_Demo.xaml">
144+
<Generator>MSBuild:Compile</Generator>
145+
</Content>
146+
<Content Include="Samples\Controls\RadCartesianChart\Bubble\RadCartesianChart_ScatterBubbleSeries_Demo.xaml">
147+
<Generator>MSBuild:Compile</Generator>
148+
</Content>
149+
<Content Include="Samples\Controls\RadCartesianChart\Financial\RadCartesianChart_CandlestickSeries_Demo.xaml">
150+
<Generator>MSBuild:Compile</Generator>
151+
</Content>
152+
<Content Include="Samples\Controls\RadCartesianChart\Financial\RadCartesianChart_OhlcSeries_Demo.xaml">
153+
<Generator>MSBuild:Compile</Generator>
154+
</Content>
155+
<Content Include="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_LineSeries_Demo.xaml">
156+
<Generator>MSBuild:Compile</Generator>
157+
</Content>
158+
<Content Include="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_ScatterLineSeries_Demo.xaml">
159+
<Generator>MSBuild:Compile</Generator>
160+
</Content>
161+
<Content Include="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_ScatterSplineSeries_Demo.xaml">
162+
<Generator>MSBuild:Compile</Generator>
163+
</Content>
164+
<Content Include="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_SplineSeries_Demo.xaml">
165+
<CustomToolNamespace></CustomToolNamespace>
166+
<Generator>MSBuild:Compile</Generator>
167+
</Content>
168+
<Content Include="Samples\Controls\RadCartesianChart\Line\RadCartesianChart_StepLineSeries_Demo.xaml">
169+
<Generator>MSBuild:Compile</Generator>
170+
</Content>
171+
<Content Include="Samples\Controls\RadCartesianChart\Point\RadCartesianChart_PointSeries_Demo.xaml">
172+
<Generator>MSBuild:Compile</Generator>
173+
</Content>
174+
<Content Include="Samples\Controls\RadCartesianChart\Point\RadCartesianChart_ScatterPointSeries_Demo.xaml">
89175
<Generator>MSBuild:Compile</Generator>
90176
</Content>
177+
91178
<Content Include="Samples\Controls\RadGallery\RadGallery_Demo.xaml">
92179
<Generator>MSBuild:Compile</Generator>
93180
</Content>
Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
using System;
2+
using System.Collections.Generic;
3+
using System.ComponentModel;
4+
using System.Linq;
5+
using System.Text;
6+
using System.Threading.Tasks;
7+
8+
namespace OpenSilver.Samples.TelerikUI.Samples.Common
9+
{
10+
public class ViewModelBase : INotifyPropertyChanged
11+
{
12+
public event PropertyChangedEventHandler PropertyChanged;
13+
14+
protected void OnPropertyChanged(string propertyName)
15+
{
16+
if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
17+
}
18+
}
19+
}

OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/Controls.xaml

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,6 @@
4343
<local:RadDatePicker_Demo HorizontalAlignment="Center"/>
4444

4545
<local:RadRichTextBox_Demo HorizontalAlignment="Center"/>
46-
<local:RadCartesianChart_Demo HorizontalAlignment="Center"/>
4746
<local:RadScheduleView_Demo HorizontalAlignment="Center"/>
4847
<local:RadMap_Demo HorizontalAlignment="Center"/>
4948

@@ -54,6 +53,27 @@
5453
<local:RadRibbonView_Demo HorizontalAlignment="Center"/>
5554
<local:RadTreeListView_Demo HorizontalAlignment="Center"/>
5655

56+
<local:RadCartesianChart_PointSeries_Demo HorizontalAlignment="Center"/>
57+
<local:RadCartesianChart_ScatterPointSeries_Demo HorizontalAlignment="Center"/>
58+
<local:RadCartesianChart_LineSeries_Demo HorizontalAlignment="Center"/>
59+
<local:RadCartesianChart_SplineSeries_Demo HorizontalAlignment="Center"/>
60+
<local:RadCartesianChart_ScatterLineSeries_Demo HorizontalAlignment="Center"/>
61+
<local:RadCartesianChart_ScatterSplineSeries_Demo HorizontalAlignment="Center"/>
62+
<local:RadCartesianChart_StepLineSeries_Demo HorizontalAlignment="Center"/>
63+
<local:RadCartesianChart_AreaSeries_Demo HorizontalAlignment="Center"/>
64+
<local:RadCartesianChart_RangeSeries_Demo HorizontalAlignment="Center"/>
65+
<local:RadCartesianChart_SplineAreaSeries_Demo HorizontalAlignment="Center"/>
66+
<local:RadCartesianChart_RangeSplineSeries_Demo HorizontalAlignment="Center"/>
67+
<local:RadCartesianChart_ScatterAreaSeries_Demo HorizontalAlignment="Center"/>
68+
<local:RadCartesianChart_ScatterSplineAreaSeries_Demo HorizontalAlignment="Center"/>
69+
<local:RadCartesianChart_StepAreaSeries_Demo HorizontalAlignment="Center"/>
70+
<local:RadCartesianChart_BarSeries_Demo HorizontalAlignment="Center"/>
71+
<local:RadCartesianChart_RangeBarSeries_Demo HorizontalAlignment="Center"/>
72+
<local:RadCartesianChart_BubbleSeries_Demo HorizontalAlignment="Center"/>
73+
<local:RadCartesianChart_ScatterBubbleSeries_Demo HorizontalAlignment="Center"/>
74+
<local:RadCartesianChart_CandlestickSeries_Demo HorizontalAlignment="Center"/>
75+
<local:RadCartesianChart_OhlcSeries_Demo HorizontalAlignment="Center"/>
76+
5777
</local:MasonryPanelWithProgressiveLoading>
5878
</StackPanel>
5979
</UserControl>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<UserControl
2+
x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_AreaSeries_Demo"
3+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5+
xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
6+
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
7+
8+
<ContentControl Style="{StaticResource Card_Style}" Height="340" Width="440">
9+
<Grid>
10+
<Grid.RowDefinitions>
11+
<RowDefinition Height="Auto"/>
12+
<RowDefinition Height="*"/>
13+
<RowDefinition Height="Auto"/>
14+
</Grid.RowDefinitions>
15+
<ContentControl Content="RadCartesianChart (AreaSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
16+
<Grid Grid.Row="1">
17+
<telerik:RadCartesianChart>
18+
<telerik:RadCartesianChart.HorizontalAxis>
19+
<telerik:CategoricalAxis/>
20+
</telerik:RadCartesianChart.HorizontalAxis>
21+
<telerik:RadCartesianChart.VerticalAxis>
22+
<telerik:LinearAxis />
23+
</telerik:RadCartesianChart.VerticalAxis>
24+
<telerik:RadCartesianChart.Series>
25+
<telerik:AreaSeries>
26+
<telerik:AreaSeries.DataPoints>
27+
<telerik:CategoricalDataPoint Category="January" Value="2" />
28+
<telerik:CategoricalDataPoint Category="February" Value="5" />
29+
<telerik:CategoricalDataPoint Category="March" Value="3" />
30+
<telerik:CategoricalDataPoint Category="April" Value="10" />
31+
<telerik:CategoricalDataPoint Category="May" Value="9" />
32+
<telerik:CategoricalDataPoint Category="June" Value="7" />
33+
<telerik:CategoricalDataPoint Category="July" Value="1" />
34+
</telerik:AreaSeries.DataPoints>
35+
</telerik:AreaSeries>
36+
</telerik:RadCartesianChart.Series>
37+
</telerik:RadCartesianChart>
38+
</Grid>
39+
<Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
40+
</Grid>
41+
</ContentControl>
42+
</UserControl>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
using System;
2+
using System.Collections.Generic;
3+
using System.IO;
4+
using System.Linq;
5+
using System.Windows;
6+
using System.Windows.Controls;
7+
using System.Windows.Controls.Primitives;
8+
using System.Windows.Data;
9+
using System.Windows.Input;
10+
using System.Windows.Media;
11+
using System.Windows.Navigation;
12+
13+
namespace OpenSilver.Samples.TelerikUI
14+
{
15+
public partial class RadCartesianChart_AreaSeries_Demo : UserControl
16+
{
17+
public RadCartesianChart_AreaSeries_Demo()
18+
{
19+
this.InitializeComponent();
20+
}
21+
private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
22+
{
23+
ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
24+
{
25+
new ViewSourceButtonInfo()
26+
{
27+
TabHeader = "RadCartesianChart_AreaSeries_Demo.xaml",
28+
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_AreaSeries_Demo.xaml"
29+
},
30+
new ViewSourceButtonInfo()
31+
{
32+
TabHeader = "RadCartesianChart_AreaSeries_Demo.xaml.cs",
33+
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_AreaSeries_Demo.xaml.cs"
34+
}
35+
});
36+
}
37+
}
38+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<UserControl
2+
x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_RangeSplineSeries_Demo"
3+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5+
xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
6+
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
7+
8+
<ContentControl Style="{StaticResource Card_Style}" Height="340" Width="440">
9+
<Grid>
10+
<Grid.RowDefinitions>
11+
<RowDefinition Height="Auto"/>
12+
<RowDefinition Height="*"/>
13+
<RowDefinition Height="Auto"/>
14+
</Grid.RowDefinitions>
15+
<ContentControl Content="RadCartesianChart (RangeSplineSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
16+
<Grid Grid.Row="1">
17+
<telerik:RadCartesianChart>
18+
<telerik:RadCartesianChart.HorizontalAxis>
19+
<telerik:CategoricalAxis/>
20+
</telerik:RadCartesianChart.HorizontalAxis>
21+
<telerik:RadCartesianChart.VerticalAxis>
22+
<telerik:LinearAxis/>
23+
</telerik:RadCartesianChart.VerticalAxis>
24+
<telerik:RadCartesianChart.Series>
25+
<telerik:RangeSplineSeries>
26+
<telerik:RangeSplineSeries.DataPoints>
27+
<telerik:RangeDataPoint Category="January" High="5" Low="0"/>
28+
<telerik:RangeDataPoint Category="February" High="7" Low="2"/>
29+
<telerik:RangeDataPoint Category="March" High="6" Low="4"/>
30+
<telerik:RangeDataPoint Category="April" High="8" Low="5"/>
31+
<telerik:RangeDataPoint Category="May" High="4" Low="3"/>
32+
<telerik:RangeDataPoint Category="June" High="9" Low="7"/>
33+
<telerik:RangeDataPoint Category="July" High="3" Low="1"/>
34+
</telerik:RangeSplineSeries.DataPoints>
35+
</telerik:RangeSplineSeries>
36+
</telerik:RadCartesianChart.Series>
37+
</telerik:RadCartesianChart>
38+
</Grid>
39+
<Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
40+
</Grid>
41+
</ContentControl>
42+
</UserControl>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
using System;
2+
using System.Collections.Generic;
3+
using System.IO;
4+
using System.Linq;
5+
using System.Windows;
6+
using System.Windows.Controls;
7+
using System.Windows.Controls.Primitives;
8+
using System.Windows.Data;
9+
using System.Windows.Input;
10+
using System.Windows.Media;
11+
using System.Windows.Navigation;
12+
13+
namespace OpenSilver.Samples.TelerikUI
14+
{
15+
public partial class RadCartesianChart_RangeSeries_Demo : UserControl
16+
{
17+
public RadCartesianChart_RangeSeries_Demo()
18+
{
19+
this.InitializeComponent();
20+
}
21+
private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
22+
{
23+
ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
24+
{
25+
new ViewSourceButtonInfo()
26+
{
27+
TabHeader = "RadCartesianChart_RangeSeries_Demo.xaml",
28+
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_RangeSeries_Demo.xaml"
29+
},
30+
new ViewSourceButtonInfo()
31+
{
32+
TabHeader = "RadCartesianChart_RangeSeries_Demo.xaml.cs",
33+
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_RangeSeries_Demo.xaml.cs"
34+
}
35+
});
36+
}
37+
}
38+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<UserControl
2+
x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_RangeSeries_Demo"
3+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5+
xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
6+
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
7+
8+
<ContentControl Style="{StaticResource Card_Style}" Height="340" Width="440">
9+
<Grid>
10+
<Grid.RowDefinitions>
11+
<RowDefinition Height="Auto"/>
12+
<RowDefinition Height="*"/>
13+
<RowDefinition Height="Auto"/>
14+
</Grid.RowDefinitions>
15+
<ContentControl Content="RadCartesianChart (RangeSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
16+
<Grid Grid.Row="1">
17+
<telerik:RadCartesianChart>
18+
<telerik:RadCartesianChart.HorizontalAxis>
19+
<telerik:CategoricalAxis />
20+
</telerik:RadCartesianChart.HorizontalAxis>
21+
<telerik:RadCartesianChart.VerticalAxis>
22+
<telerik:LinearAxis />
23+
</telerik:RadCartesianChart.VerticalAxis>
24+
<telerik:RadCartesianChart.Series>
25+
<telerik:RangeSeries>
26+
<telerik:RangeSeries.DataPoints>
27+
<telerik:RangeDataPoint Category="January" High="5" Low="0"/>
28+
<telerik:RangeDataPoint Category="February" High="7" Low="2"/>
29+
<telerik:RangeDataPoint Category="March" High="6" Low="4"/>
30+
<telerik:RangeDataPoint Category="April" High="8" Low="5"/>
31+
<telerik:RangeDataPoint Category="May" High="4" Low="3"/>
32+
<telerik:RangeDataPoint Category="June" High="9" Low="7"/>
33+
<telerik:RangeDataPoint Category="July" High="3" Low="1"/>
34+
</telerik:RangeSeries.DataPoints>
35+
</telerik:RangeSeries>
36+
</telerik:RadCartesianChart.Series>
37+
</telerik:RadCartesianChart>
38+
</Grid>
39+
<Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
40+
</Grid>
41+
</ContentControl>
42+
</UserControl>

0 commit comments

Comments
 (0)