mirror of
https://gitee.com/akwkevin/aistudio.-wpf.-diagram
synced 2026-04-13 04:36:37 +08:00
项目结构调整
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
<Page
|
||||
x:Class="UWP.CartesianChart.ZoomingAndPanning.ZoomingAndPanning"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:local="using:UWP.CartesianChart.ZoomingAndPanning"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
xmlns:lvc="using:LiveCharts.Uwp"
|
||||
mc:Ignorable="d">
|
||||
<Page.Resources>
|
||||
<local:ZoomingModeCoverter x:Key="ZoomingModeCoverter"/>
|
||||
</Page.Resources>
|
||||
|
||||
<Grid>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto"></RowDefinition>
|
||||
<RowDefinition Height="Auto"></RowDefinition>
|
||||
<RowDefinition Height="*"></RowDefinition>
|
||||
</Grid.RowDefinitions>
|
||||
<TextBlock Grid.Row="0" TextWrapping="Wrap">
|
||||
Use the Chart.Zoom property to enable zooming and panning, you have some options: None, X, Y and XY, click, hold and drag the chart for panning.
|
||||
</TextBlock>
|
||||
<StackPanel Grid.Row="1">
|
||||
<Button Click="ToogleZoomingMode">
|
||||
<TextBlock Text="{Binding ZoomingMode, Converter={StaticResource ZoomingModeCoverter}}">
|
||||
</TextBlock>
|
||||
</Button>
|
||||
<Button Click="ResetZoomOnClick">Reset Zoom</Button>
|
||||
</StackPanel>
|
||||
<lvc:CartesianChart Grid.Row="2" Series="{Binding SeriesCollection}" Zoom="{Binding ZoomingMode}" >
|
||||
<lvc:CartesianChart.AxisX>
|
||||
<lvc:Axis Name="X" LabelFormatter="{Binding XFormatter}" />
|
||||
</lvc:CartesianChart.AxisX>
|
||||
<lvc:CartesianChart.AxisY>
|
||||
<lvc:Axis Name="Y" LabelFormatter="{Binding YFormatter}"/>
|
||||
</lvc:CartesianChart.AxisY>
|
||||
</lvc:CartesianChart>
|
||||
</Grid>
|
||||
</Page>
|
||||
@@ -0,0 +1,149 @@
|
||||
using LiveCharts;
|
||||
using LiveCharts.Defaults;
|
||||
using LiveCharts.Uwp;
|
||||
using System;
|
||||
using System.ComponentModel;
|
||||
using Windows.Foundation;
|
||||
using Windows.UI;
|
||||
using Windows.UI.Xaml;
|
||||
using Windows.UI.Xaml.Controls;
|
||||
using Windows.UI.Xaml.Data;
|
||||
using Windows.UI.Xaml.Media;
|
||||
|
||||
// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238
|
||||
|
||||
namespace UWP.CartesianChart.ZoomingAndPanning
|
||||
{
|
||||
/// <summary>
|
||||
/// An empty page that can be used on its own or navigated to within a Frame.
|
||||
/// </summary>
|
||||
public sealed partial class ZoomingAndPanning : Page, INotifyPropertyChanged
|
||||
{
|
||||
private ZoomingOptions _zoomingMode;
|
||||
|
||||
public ZoomingAndPanning()
|
||||
{
|
||||
InitializeComponent();
|
||||
|
||||
var gradientBrush = new LinearGradientBrush
|
||||
{
|
||||
StartPoint = new Point(0, 0),
|
||||
EndPoint = new Point(0, 1)
|
||||
};
|
||||
gradientBrush.GradientStops.Add(new GradientStop {Color = Color.FromArgb(255, 33, 148, 241), Offset = 0});
|
||||
gradientBrush.GradientStops.Add(new GradientStop {Color = Colors.Transparent, Offset = 1});
|
||||
|
||||
SeriesCollection = new SeriesCollection
|
||||
{
|
||||
new LineSeries
|
||||
{
|
||||
Values = GetData(),
|
||||
Fill = gradientBrush,
|
||||
StrokeThickness = 1,
|
||||
PointGeometrySize = 0
|
||||
}
|
||||
};
|
||||
|
||||
ZoomingMode = ZoomingOptions.X;
|
||||
|
||||
XFormatter = val => new DateTime((long)val).ToString("dd MMM");
|
||||
YFormatter = val => val.ToString("C");
|
||||
|
||||
DataContext = this;
|
||||
}
|
||||
|
||||
public SeriesCollection SeriesCollection { get; set; }
|
||||
public Func<double, string> XFormatter { get; set; }
|
||||
public Func<double, string> YFormatter { get; set; }
|
||||
|
||||
public ZoomingOptions ZoomingMode
|
||||
{
|
||||
get { return _zoomingMode; }
|
||||
set
|
||||
{
|
||||
_zoomingMode = value;
|
||||
OnPropertyChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void ToogleZoomingMode(object sender, RoutedEventArgs e)
|
||||
{
|
||||
switch (ZoomingMode)
|
||||
{
|
||||
case ZoomingOptions.None:
|
||||
ZoomingMode = ZoomingOptions.X;
|
||||
break;
|
||||
case ZoomingOptions.X:
|
||||
ZoomingMode = ZoomingOptions.Y;
|
||||
break;
|
||||
case ZoomingOptions.Y:
|
||||
ZoomingMode = ZoomingOptions.Xy;
|
||||
break;
|
||||
case ZoomingOptions.Xy:
|
||||
ZoomingMode = ZoomingOptions.None;
|
||||
break;
|
||||
default:
|
||||
throw new ArgumentOutOfRangeException();
|
||||
}
|
||||
}
|
||||
|
||||
private ChartValues<DateTimePoint> GetData()
|
||||
{
|
||||
var r = new Random();
|
||||
var trend = 100;
|
||||
var values = new ChartValues<DateTimePoint>();
|
||||
|
||||
for (var i = 0; i < 100; i++)
|
||||
{
|
||||
var seed = r.NextDouble();
|
||||
if (seed > .8) trend += seed > .9 ? 50 : -50;
|
||||
values.Add(new DateTimePoint(DateTime.Now.AddDays(i), trend + r.Next(0, 10)));
|
||||
}
|
||||
|
||||
return values;
|
||||
}
|
||||
|
||||
public event PropertyChangedEventHandler PropertyChanged;
|
||||
|
||||
private void OnPropertyChanged(string propertyName = null)
|
||||
{
|
||||
if (PropertyChanged != null) PropertyChanged.Invoke(this, new PropertyChangedEventArgs(propertyName));
|
||||
}
|
||||
|
||||
private void ResetZoomOnClick(object sender, RoutedEventArgs e)
|
||||
{
|
||||
//Use the axis MinValue/MaxValue properties to specify the values to display.
|
||||
//use double.Nan to clear it.
|
||||
|
||||
X.MinValue = double.NaN;
|
||||
X.MaxValue = double.NaN;
|
||||
Y.MinValue = double.NaN;
|
||||
Y.MaxValue = double.NaN;
|
||||
}
|
||||
}
|
||||
|
||||
public class ZoomingModeCoverter : IValueConverter
|
||||
{
|
||||
public object Convert(object value, Type targetType, object parameter, string language)
|
||||
{
|
||||
switch ((ZoomingOptions)value)
|
||||
{
|
||||
case ZoomingOptions.None:
|
||||
return "None";
|
||||
case ZoomingOptions.X:
|
||||
return "X";
|
||||
case ZoomingOptions.Y:
|
||||
return "Y";
|
||||
case ZoomingOptions.Xy:
|
||||
return "XY";
|
||||
default:
|
||||
throw new ArgumentOutOfRangeException();
|
||||
}
|
||||
}
|
||||
|
||||
public object ConvertBack(object value, Type targetType, object parameter, string language)
|
||||
{
|
||||
throw new NotImplementedException();
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user