Waves.UI.Charts 2022.3.3-prerelease.3

<img style="float: right;" src="files/images/logo_64.png"/> Waves UI Charts

📚 About Waves

Waves is a cross-platform framework designed for flexible developing of desktop, mobile applications and web-services.

📒 About Waves.UI.Charts

Waves.UI.Charts is a package for developing cross-platform charts/graphs-viewing applications. It provides a simple and fast cross-platform charting tool.

🚀 Getting started

Like all Waves libraries Waves.UI.Charts distributes via NuGet. You can find the packages here.

Or use these commands in the Package Manager to install Waves.Core manually:

Install-Package Waves.UI.Charts
Install-Package Waves.UI.Avalonia.Charts

⌨️ Usage basics

After installing the package you just need add chart control to XAML:

<controls:WavesPointSeriesChart Series="{Binding Series}"
                                XMin="{Binding XMin}"
                                XMax="{Binding XMax}"
                                YMin="{Binding YMin}"
                                YMax="{Binding YMax}"/>

And add the appropriate fields to the viewmodel:

    /// <summary>
    /// Gets or sets X Min.
    /// </summary>
    [Reactive]
    public double XMin { get; set; }

    /// <summary>
    /// Gets or sets X Max.
    /// </summary>
    [Reactive]
    public double XMax { get; set; }

    /// <summary>
    /// Gets or sets Y Min.
    /// </summary>
    [Reactive]
    public double YMin { get; set; }

    /// <summary>
    /// Gets or sets Y Max.
    /// </summary>
    [Reactive]
    public double YMax { get; set; }
    
    /// <summary>
    /// Gets or sets series.
    /// </summary>
    [Reactive]
    public ObservableCollection<IWavesPointSeries> Series { get; set; }

Chart initialization looks like this:

    var x = new double[length];
    var y = new double[length];
    var random = new Random();
    for (var i = 0; i < length; i++)
    {
        x[i] = startX + i * step;
        y[i] = Math.Sin(i);
    }
    
    var series = new WavesPointSeries(x, y)
    {
        Color = WavesColor.Red,
        Type = SelectedSeriesType,
        DotType = WavesDotType.FilledCircle,
    };
    
    XMin = x.Min();
    XMax = x.Max();
    YMin = y.Min();
    YMax = y.Max();
    Series.Add(series);

⚠️ Other documentation will be available soon.

📋 Licence

Waves.Core is licenced under the MIT licence.