Skip to content

Charts demo added for: Point, Line, Area, Bar, Financial #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Charts demo added for: Point, Line, Area, Bar, Financial #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
67df764
Charts demo added for: Point, Line, Area, Bar, Financial
kernel-coder Feb 8, 2022
41dd7e9
New tab added for Chart controls and put all charts there.
kernel-coder Feb 8, 2022
8b94241
Welcome page updated to link to UI controls and Chart controls
kernel-coder Feb 8, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@
</TextBlock>
</StackPanel>
<Button Content="All Controls" Click="ButtonControls_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
<Button Content="Chart Controls" Click="ButtonChartControls_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
<Button Content="Home" Click="ButtonHome_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,3,0,0" Padding="20,3,3,3"/>
</StackPanel>
</ScrollViewer>
Expand Down
4 changes: 4 additions & 0 deletions OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,10 @@ void ButtonControls_Click(object sender, RoutedEventArgs e)
{
NavigateToPage("/Controls");
}
void ButtonChartControls_Click(object sender, RoutedEventArgs e)
{
NavigateToPage("/ChartControls");
}

void ButtonHome_Click(object sender, RoutedEventArgs e)
{
Expand Down
100 changes: 98 additions & 2 deletions ...Silver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,38 @@
<None Remove="Other\embed.js" />
<None Remove="Other\Styles.xaml" />
<None Remove="Samples\Controls\RadCalendar\RadCalendar_Demo.xaml" />
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml" />
<None Remove="Samples\ChartControls\Area\RadCartesianChart_AreaSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Area\RadCartesianChart_RangeSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Area\RadCartesianChart_RangeSplineSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Area\RadCartesianChart_ScatterAreaSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Area\RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Area\RadCartesianChart_SplineAreaSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Area\RadCartesianChart_StepAreaSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Bar\RadCartesianChart_BarSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Bar\RadCartesianChart_RangeBarSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Bubble\RadCartesianChart_BubbleSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Bubble\RadCartesianChart_ScatterBubbleSeries_Demo.xaml" />
<None Remove="Samples\ChartControls\Financial\RadCartesianChart_CandlestickSeries_Demo.xaml" />

<None Remove="Samples\Controls\Controls.xaml" />

<None Remove="Samples\ChartControls\Financial\RadCartesianChart_OhlcSeries_Demo.xaml" />

<None Remove="Samples\ChartControls\Line\RadCartesianChart_LineSeries_Demo.xaml" />

<None Remove="Samples\ChartControls\Line\RadCartesianChart_ScatterLineSeries_Demo.xaml" />

<None Remove="Samples\ChartControls\Line\RadCartesianChart_ScatterSplineSeries_Demo.xaml" />

<None Remove="Samples\ChartControls\Line\RadCartesianChart_SplineSeries_Demo.xaml" />

<None Remove="Samples\ChartControls\Line\RadCartesianChart_StepLineSeries_Demo.xaml" />

<None Remove="Samples\ChartControls\Point\RadCartesianChart_PointSeries_Demo.xaml" />

<None Remove="Samples\ChartControls\Point\RadCartesianChart_ScatterPointSeries_Demo.xaml" />

<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml" />
<None Remove="Samples\Controls\RadGallery\RadGallery_Demo.xaml" />
<None Remove="Samples\Controls\RadListBox\RadListBox_Demo.xaml" />
<None Remove="Samples\Controls\RadMap\RadMap_Demo.xaml" />
Expand Down Expand Up @@ -85,9 +115,71 @@
<Content Include="Samples\Controls\RadCalendar\RadCalendar_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml">
<Content Include="Samples\ChartControls\Area\RadCartesianChart_AreaSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Area\RadCartesianChart_RangeSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Area\RadCartesianChart_RangeSplineSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Area\RadCartesianChart_ScatterAreaSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Area\RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Area\RadCartesianChart_SplineAreaSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Area\RadCartesianChart_StepAreaSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Bar\RadCartesianChart_BarSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Bar\RadCartesianChart_RangeBarSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Bubble\RadCartesianChart_BubbleSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Bubble\RadCartesianChart_ScatterBubbleSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Financial\RadCartesianChart_CandlestickSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Financial\RadCartesianChart_OhlcSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Line\RadCartesianChart_LineSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Line\RadCartesianChart_ScatterLineSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Line\RadCartesianChart_ScatterSplineSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Line\RadCartesianChart_SplineSeries_Demo.xaml">
<CustomToolNamespace></CustomToolNamespace>
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Line\RadCartesianChart_StepLineSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Point\RadCartesianChart_PointSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\Point\RadCartesianChart_ScatterPointSeries_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
<Content Include="Samples\ChartControls\ChartControls.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>

<Content Include="Samples\Controls\RadGallery\RadGallery_Demo.xaml">
<Generator>MSBuild:Compile</Generator>
</Content>
Expand Down Expand Up @@ -234,4 +326,8 @@
<PackageReference Include="OpenSilver.Compatibility.TelerikUI" Version="1.0.0.1" />
</ItemGroup>

<ItemGroup>
<Folder Include="Samples\Controls\RadCartesianChart\" />
</ItemGroup>

</Project>
6 changes: 6 additions & 0 deletions OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Other/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,12 @@
</Setter>
</Style.Setters>
</Style>
<Style x:Key="Chart_Card_Style" TargetType="ContentControl" BasedOn="{StaticResource Card_Style}">
<Style.Setters>
<Setter Property="Width" Value="440"/>
<Setter Property="Height" Value=" 340"/>
</Style.Setters>
</Style>
<Style x:Key="HeaderControl_Style" TargetType="ContentControl">
<Style.Setters>
<Setter Property="FontSize" Value="20"/>
Expand Down
42 changes: 42 additions & 0 deletions ...ilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_AreaSeries_Demo.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<UserControl
x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_AreaSeries_Demo"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">

<ContentControl Style="{StaticResource Chart_Card_Style}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<ContentControl Content="RadCartesianChart (AreaSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
<Grid Grid.Row="1">
<telerik:RadCartesianChart>
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:CategoricalAxis/>
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis />
</telerik:RadCartesianChart.VerticalAxis>
<telerik:RadCartesianChart.Series>
<telerik:AreaSeries>
<telerik:AreaSeries.DataPoints>
<telerik:CategoricalDataPoint Category="January" Value="2" />
<telerik:CategoricalDataPoint Category="February" Value="5" />
<telerik:CategoricalDataPoint Category="March" Value="3" />
<telerik:CategoricalDataPoint Category="April" Value="10" />
<telerik:CategoricalDataPoint Category="May" Value="9" />
<telerik:CategoricalDataPoint Category="June" Value="7" />
<telerik:CategoricalDataPoint Category="July" Value="1" />
</telerik:AreaSeries.DataPoints>
</telerik:AreaSeries>
</telerik:RadCartesianChart.Series>
</telerik:RadCartesianChart>
</Grid>
<Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
</Grid>
</ContentControl>
</UserControl>
38 changes: 38 additions & 0 deletions ...er.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_AreaSeries_Demo.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Data;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Navigation;

namespace OpenSilver.Samples.TelerikUI
{
public partial class RadCartesianChart_AreaSeries_Demo : UserControl
{
public RadCartesianChart_AreaSeries_Demo()
{
this.InitializeComponent();
}
private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
{
ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
{
new ViewSourceButtonInfo()
{
TabHeader = "RadCartesianChart_AreaSeries_Demo.xaml",
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_AreaSeries_Demo.xaml"
},
new ViewSourceButtonInfo()
{
TabHeader = "RadCartesianChart_AreaSeries_Demo.xaml.cs",
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_AreaSeries_Demo.xaml.cs"
}
});
}
}
}
42 changes: 42 additions & 0 deletions ...lver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSeries_Demo.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<UserControl
x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_RangeSplineSeries_Demo"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">

<ContentControl Style="{StaticResource Chart_Card_Style}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<ContentControl Content="RadCartesianChart (RangeSplineSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
<Grid Grid.Row="1">
<telerik:RadCartesianChart>
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:CategoricalAxis/>
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis/>
</telerik:RadCartesianChart.VerticalAxis>
<telerik:RadCartesianChart.Series>
<telerik:RangeSplineSeries>
<telerik:RangeSplineSeries.DataPoints>
<telerik:RangeDataPoint Category="January" High="5" Low="0"/>
<telerik:RangeDataPoint Category="February" High="7" Low="2"/>
<telerik:RangeDataPoint Category="March" High="6" Low="4"/>
<telerik:RangeDataPoint Category="April" High="8" Low="5"/>
<telerik:RangeDataPoint Category="May" High="4" Low="3"/>
<telerik:RangeDataPoint Category="June" High="9" Low="7"/>
<telerik:RangeDataPoint Category="July" High="3" Low="1"/>
</telerik:RangeSplineSeries.DataPoints>
</telerik:RangeSplineSeries>
</telerik:RadCartesianChart.Series>
</telerik:RadCartesianChart>
</Grid>
<Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
</Grid>
</ContentControl>
</UserControl>
38 changes: 38 additions & 0 deletions ...r.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSeries_Demo.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Data;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Navigation;

namespace OpenSilver.Samples.TelerikUI
{
public partial class RadCartesianChart_RangeSeries_Demo : UserControl
{
public RadCartesianChart_RangeSeries_Demo()
{
this.InitializeComponent();
}
private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
{
ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
{
new ViewSourceButtonInfo()
{
TabHeader = "RadCartesianChart_RangeSeries_Demo.xaml",
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_RangeSeries_Demo.xaml"
},
new ViewSourceButtonInfo()
{
TabHeader = "RadCartesianChart_RangeSeries_Demo.xaml.cs",
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_RangeSeries_Demo.xaml.cs"
}
});
}
}
}
42 changes: 42 additions & 0 deletions ...amples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSplineSeries_Demo.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<UserControl
x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_RangeSeries_Demo"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">

<ContentControl Style="{StaticResource Chart_Card_Style}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<ContentControl Content="RadCartesianChart (RangeSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
<Grid Grid.Row="1">
<telerik:RadCartesianChart>
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:CategoricalAxis />
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis />
</telerik:RadCartesianChart.VerticalAxis>
<telerik:RadCartesianChart.Series>
<telerik:RangeSeries>
<telerik:RangeSeries.DataPoints>
<telerik:RangeDataPoint Category="January" High="5" Low="0"/>
<telerik:RangeDataPoint Category="February" High="7" Low="2"/>
<telerik:RangeDataPoint Category="March" High="6" Low="4"/>
<telerik:RangeDataPoint Category="April" High="8" Low="5"/>
<telerik:RangeDataPoint Category="May" High="4" Low="3"/>
<telerik:RangeDataPoint Category="June" High="9" Low="7"/>
<telerik:RangeDataPoint Category="July" High="3" Low="1"/>
</telerik:RangeSeries.DataPoints>
</telerik:RangeSeries>
</telerik:RadCartesianChart.Series>
</telerik:RadCartesianChart>
</Grid>
<Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
</Grid>
</ContentControl>
</UserControl>
Loading